[#192] Default fixes (#198)

* Box min-width: auto
* Button loading, remove position: absolute, use display: block

Author: kimispencer

src/Lumi/Components2/Button.purs

@@ -34,7 +34,7 @@ import Lumi.Components (LumiComponent, PropsModifier, lumiComponent, propsModifi
 import Lumi.Components.Color (ColorMap, shade)
 import Lumi.Components.Size (Size(..))
 import Lumi.Components2.Box as Box
-import Lumi.Styles (StyleModifier, StyleProperty, absolute, color, css, default, ellipsis, hidden, inherit, inlineFlex, merge, nested, none, nowrap, pointer, px, px2, solid, str, style, style_, toCSS, underline, var)
+import Lumi.Styles (StyleModifier, StyleProperty, block, color, css, default, ellipsis, hidden, inherit, inlineFlex, merge, nested, none, nowrap, pointer, px, px2, solid, str, style, style_, toCSS, underline, var)
 import Lumi.Styles.Box (FlexAlign(..), _align, _focusable, _interactive, _justify, _row, box)
 import Lumi.Styles.Loader (mkLoader)
 import Lumi.Styles.Theme (LumiTheme(..), useTheme)
@@ -173,17 +173,21 @@ button = primary >>>
                 , "&[data-loading]":
                     nested
                       $ css
-                          { "&:after":
+                          { display: block
+                          , "&:after":
                               nested
                                 $ merge
-                                    [ css { position: absolute }
-                                    , mkLoader
+                                    [ mkLoader
                                         { color: var "--button-hue-loader"
                                         , radius: px 16
                                         , borderWidth: px 2
                                         }
                                     ]
-                          , "> .button-content": nested $ css { visibility: hidden }
+                          , "> .button-content":
+                              nested
+                                $ css
+                                  { visibility: hidden
+                                  }
                           }
                 }
 

src/Lumi/Styles/Box.purs

@@ -3,7 +3,7 @@ module Lumi.Styles.Box where
 import Prelude
 
 import Color (cssStringHSLA)
-import Lumi.Styles (StyleModifier, baseline, borderBox, center, column, flex, flexEnd, flexStart, manipulation, minContent, none, pointer, px, row, spaceAround, spaceBetween, spaceEvenly, stretch, style, style_, wrap)
+import Lumi.Styles (StyleModifier, auto, baseline, borderBox, center, column, flex, flexEnd, flexStart, manipulation, minContent, none, pointer, px, row, spaceAround, spaceBetween, spaceEvenly, stretch, style, style_, wrap)
 import Lumi.Styles.Theme (LumiTheme(..))
 import React.Basic.Emotion (class IsStyleProperty, css, nested, prop, str)
 
@@ -16,7 +16,7 @@ box =
         , flexDirection: column
         , boxSizing: borderBox
         , minHeight: px 0
-        , minWidth: minContent
+        , minWidth: auto
         , flex: str "0 0 auto"
         , margin: px 0
         , padding: px 0