Add ak constraints

src/jsMain/resources/style/components/_form.scss

@@ -12,6 +12,7 @@
   margin: 1px;
   transition: border-color $transitionTime;
   color: var(--text-primary-color);
+  min-width: 0;
 
   &:focus {
     border-color: var(--primary-color);
@@ -41,6 +42,16 @@ select:-moz-focusring {
     padding-bottom: 0.3rem;
     padding-left: 0.2rem;
   }
+
+  &:after {
+    content: attr(data-hint);
+    position: absolute;
+    left: 100%;
+    color: var(--text-secondary-color);
+    line-height: 2.5rem;
+    margin-left: 1rem;
+    width: 100%;
+  }
 }
 
 .form-switch {
@@ -177,7 +188,7 @@ form {
   & > * {
     margin-right: 0;
     flex-grow: 1;
-    flex-shrink: 1;
+    flex-basis: 0;
 
     &:not(:first-child) {
       border-top-left-radius: 0;

src/jsMain/resources/style/components/_table-layout.scss

@@ -90,7 +90,9 @@
     margin-bottom: 0.5rem;
 
     span {
-      width: 4rem;
+      width: 8rem;
+      flex-basis: 8rem;
+      flex-grow: 0;
       position: relative;
       text-align: center;
       overflow: hidden;