From 89d032950d81c8548668023186f8df86eeeed63d Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Mon, 23 Dec 2024 00:26:17 +0100
Subject: [PATCH] fix(style): fine-tune values

---
 front/src/components/ui/Button.vue       | 15 +++++++++++----
 front/src/components/ui/Card.vue         |  1 -
 front/src/components/ui/Layout.vue       |  2 +-
 front/src/composables/widths.ts          |  2 +-
 front/ui-docs/.vitepress/theme/Theme.vue |  2 +-
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/front/src/components/ui/Button.vue b/front/src/components/ui/Button.vue
index 1a1b80a2c..1483d52b9 100644
--- a/front/src/components/ui/Button.vue
+++ b/front/src/components/ui/Button.vue
@@ -167,17 +167,24 @@ onMounted(() => {
     }
 
     i.bi {
-      font-size: 1.2rem;/* Must not increase the height of the button */
-      margin: -0.1rem;
+      font-size: 18px;
+      margin: -2px 0;
       &.large {
-        font-size:2rem;
-        margin: -0.1rem;
+        font-size: 32px;
+        margin: -8px 0;
       }
     }
 
     i.bi + span:not(:empty) {
       margin-left: 10px;
     }
+
+    &.is-icon-only i.bi {
+      margin: -2px;
+      &.large {
+        margin: -8px;
+      }
+    }
   }
 }
 
diff --git a/front/src/components/ui/Card.vue b/front/src/components/ui/Card.vue
index c0f206cff..51bec3ec4 100644
--- a/front/src/components/ui/Card.vue
+++ b/front/src/components/ui/Card.vue
@@ -223,7 +223,6 @@ const attributes = computed(() => ({
 
     >*:not(.with-padding) {
       margin: 0;
-      flex-grow: 1;
       border-top-left-radius: 0;
       border-top-right-radius: 0;
       border: 8px solid transparent;
diff --git a/front/src/components/ui/Layout.vue b/front/src/components/ui/Layout.vue
index 57e0fb5e7..c19c571fb 100644
--- a/front/src/components/ui/Layout.vue
+++ b/front/src/components/ui/Layout.vue
@@ -79,7 +79,7 @@ const columnWidth = props.columnWidth ?? 46
   &.flex {
     display: flex;
     flex-direction: row;
-    flex-wrap: v-bind('props.noWrap ? "no-wrap" : "wrap"');
+    flex-wrap: v-bind('props.noWrap ? "nowrap" : "wrap"');
   }
 
 }
diff --git a/front/src/composables/widths.ts b/front/src/composables/widths.ts
index a59232a27..7dca637f2 100644
--- a/front/src/composables/widths.ts
+++ b/front/src/composables/widths.ts
@@ -17,7 +17,7 @@ const styles : Record<Key, string> = {
   small: "width: 202px; grid-column: span 3;",
   medium: "width: 280px; grid-column: span 4;",
   auto: "width: auto;",
-  full: "width: auto; grid-column: 1 / -1; align-self: auto;",
+  full: "width: auto; grid-column: 1 / -1; align-self: auto; flex-grow:1;",
 };
 
 // All keys are exclusive
diff --git a/front/ui-docs/.vitepress/theme/Theme.vue b/front/ui-docs/.vitepress/theme/Theme.vue
index 1b7dfa857..6c6c34497 100644
--- a/front/ui-docs/.vitepress/theme/Theme.vue
+++ b/front/ui-docs/.vitepress/theme/Theme.vue
@@ -35,7 +35,7 @@ const { Theme } = DefaultTheme
   padding: 16px 0;
   flex-grow: 1;
   border-radius: 8px;
-  justify-content: center;
+  justify-content: start;
   --vp-code-block-bg: transparent;
 
   &:not(.transparent){