diff --git a/js/components/css/App.module.css b/js/components/css/App.module.css index 4550f57..4df33f7 100644 --- a/js/components/css/App.module.css +++ b/js/components/css/App.module.css @@ -16,7 +16,7 @@ button { border: 1px outset #66594E; border-radius: 3px; font-size: 15px; - width: 75px; + min-width: 75px; } button:hover { diff --git a/js/components/css/Inset.module.css b/js/components/css/Inset.module.css index b41c344..2b0c332 100644 --- a/js/components/css/Inset.module.css +++ b/js/components/css/Inset.module.css @@ -2,7 +2,7 @@ border-radius: 6px; border: 3px inset #f0edd0; padding: 6px; - margin: 10px auto; + margin: 0 auto; display: flex; width: 604px; } @@ -13,6 +13,6 @@ .inset button { - width: 36px; + min-width: 36px; margin: 0 2px; } diff --git a/js/components/css/Modal.module.css b/js/components/css/Modal.module.css index e01c50c..32107a4 100644 --- a/js/components/css/Modal.module.css +++ b/js/components/css/Modal.module.css @@ -38,7 +38,7 @@ } .modalHeader button { - width: 36px; + min-width: 36px; } .modalTitle { diff --git a/js/components/css/Screen.module.css b/js/components/css/Screen.module.css index 7a2706e..a5235be 100644 --- a/js/components/css/Screen.module.css +++ b/js/components/css/Screen.module.css @@ -4,7 +4,7 @@ } .display { - margin: 5px auto; + margin: 5px auto 10px auto; } :global(.full-page) .display {