fix(style): fine-tune values

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;
+      }
+    }
   }
 }
 

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;

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"');
   }
 
 }

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

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){