From bb0013c70121f6f65eb35e7d946996796c1c9fb8 Mon Sep 17 00:00:00 2001
From: bkis <kiss@mailbox.org>
Date: Mon, 26 Jun 2023 15:39:09 +0200
Subject: [PATCH] Fix some styling issues

---
 Tekst-Web/src/assets/main.css                               | 6 +++++-
 Tekst-Web/src/components/LoginModal.vue                     | 5 +++--
 .../src/components/browse/widgets/UnitSiblingsWidget.vue    | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/Tekst-Web/src/assets/main.css b/Tekst-Web/src/assets/main.css
index d2c0f7a3..15f9f0b8 100644
--- a/Tekst-Web/src/assets/main.css
+++ b/Tekst-Web/src/assets/main.css
@@ -105,7 +105,11 @@ h5:first-child {
   max-width: 95%;
 }
 
-.tekst-modal-large {
+.tekst-modal-small {
+  width: 480px;
+}
+
+.tekst-modal-full {
   width: var(--max-app-width);
 }
 
diff --git a/Tekst-Web/src/components/LoginModal.vue b/Tekst-Web/src/components/LoginModal.vue
index cce98ca6..45e0053b 100644
--- a/Tekst-Web/src/components/LoginModal.vue
+++ b/Tekst-Web/src/components/LoginModal.vue
@@ -82,7 +82,7 @@ onMounted(() => {
       show
       preset="card"
       size="large"
-      class="tekst-modal"
+      class="tekst-modal tekst-modal-small"
       @close="reject(null)"
       @mask-click="reject(null)"
       to="#app-container"
@@ -160,6 +160,7 @@ onMounted(() => {
 
 <style scoped>
 .login-message {
-  padding-bottom: 1rem;
+  margin-bottom: 1.5rem;
+  text-align: center;
 }
 </style>
diff --git a/Tekst-Web/src/components/browse/widgets/UnitSiblingsWidget.vue b/Tekst-Web/src/components/browse/widgets/UnitSiblingsWidget.vue
index 0df5b8c3..d1eca0f4 100644
--- a/Tekst-Web/src/components/browse/widgets/UnitSiblingsWidget.vue
+++ b/Tekst-Web/src/components/browse/widgets/UnitSiblingsWidget.vue
@@ -55,7 +55,7 @@ async function handleClick() {
   <n-modal
     v-model:show="showModal"
     preset="card"
-    class="tekst-modal tekst-modal-large"
+    class="tekst-modal tekst-modal-full"
     size="large"
     :bordered="false"
     :auto-focus="false"