fix styling for the auth widget

wmde · Nov 24, 2023 · 45cb7fd · 45cb7fd
1 parent 9c3fbc7
commit 45cb7fd
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/resources/js/Components/AuthWidget.vue b/resources/js/Components/AuthWidget.vue
@@ -5,7 +5,8 @@
         </a>
         <a  href="/auth/logout">{{ $i18n('log-out') }}</a>
     </div>
-    <a v-else href="/auth/login">{{ $i18n('log-in') }}</a>
+    <a class="auth-widget" v-else href="/auth/login">{{ $i18n('log-in') }}</a>
+
 </template>
 
 <script lang="ts">
@@ -27,10 +28,9 @@ export default defineComponent({
 .auth-widget {
     display: flex;
     color: $color-base-50;
-
-    .username {
-        margin-inline-end: $dimension-spacing-xlarge;
-    }
+    justify-content: space-between;
+    gap: $dimension-spacing-xlarge;
+    align-items: center;
 
     .icon-user {
         margin-inline-end: $dimension-spacing-small;