add culture and save space with base infos and progression infos

src/scss/components/_basic_property.scss

@@ -1,6 +1,9 @@
 .basic-properties {
     flex: 0 0 100%;
+    gap: 2px;
     .basic-property {
+        padding-left: 1px;
+        padding-right: 1px;
         .basic-property-label {
             font-weight: bold;
         }
@@ -9,5 +12,8 @@
             display: block;
             width: 100%;
         }
+        .input-divider {
+            text-align: center;
+        }
     }
 }

src/scss/components/_character_progression.scss

@@ -0,0 +1,30 @@
+.progression {
+    .progression-entry {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: flex-end;
+        align-items: center;
+
+        padding-right: 3px;
+        h2.progression-label {
+            font-family: $font-heading;
+            display: block;
+            height: 50px;
+            padding: 0px;
+            color: $c-light-grey;
+            border: none;
+            line-height: 50px;
+            margin: $header-top-margin 0;
+            text-align: right;
+            //flex: 0;
+        }
+        input.progression-value {
+            margin-left: 5px;
+            flex: 0 0 40px;
+            text-align: left;
+            border: none;
+            background-color: transparent;
+        }
+    }
+}

src/scss/global/_flex.scss

@@ -18,6 +18,9 @@
     .flex1 {
         flex: 1;
     }
+    .flex125 {
+        flex: 1.25;
+    }
     .flex15 {
         flex: 1.5;
     }
@@ -51,6 +54,9 @@
     .flex1 {
         flex: 1;
     }
+    .flex125 {
+        flex: 1.25;
+    }
     .flex15 {
         flex: 1.5;
     }

src/scss/global/_grid.scss

@@ -28,8 +28,8 @@
 }
 
 .grid-6col {
-    grid-column: span 5 / span 5;
-    grid-template-columns: repeat(5, minmax(0, 1fr));
+    grid-column: span 6 / span 6;
+    grid-template-columns: repeat(6, minmax(0, 1fr));
 }
 
 .grid-7col {