Make sure that the gaps are fixed sized.

mint-lang · Jun 25, 2021 · aa6ead8 · aa6ead8
1 parent dad1ad4
commit aa6ead8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/source/Container.mint b/source/Container.mint
@@ -37,6 +37,7 @@ component Ui.Container {
   style gap {
     height: #{Ui.Size.toString(gap)};
     width: #{Ui.Size.toString(gap)};
+    flex: 0 0 auto;
   }
 
   /* Renders the component. */

diff --git a/source/Field.mint b/source/Field.mint
@@ -52,8 +52,9 @@ component Ui.Field {
     }
   }
 
-  /* Style for the divider. */
-  style divider {
+  /* Style for the gap. */
+  style gap {
+    flex: 0 0 auto;
     height: 0.5em;
     width: 0.5em;
   }
@@ -90,7 +91,7 @@ component Ui.Field {
                 <{ children }>
               </div>
 
-              <div::divider/>
+              <div::gap/>
 
               <div::label>
                 <{ label }>
@@ -103,7 +104,7 @@ component Ui.Field {
                 <{ label }>
               </div>
 
-              <div::divider/>
+              <div::gap/>
 
               <div>
                 <{ children }>
@@ -116,7 +117,7 @@ component Ui.Field {
         Maybe::Just(message) =>
           <div::error>
             <Ui.Icon icon={Ui.Icons:ALERT}/>
-            <div::divider/>
+            <div::gap/>
             <{ message }>
           </div>