Grow/shrink buttons depending on number of buttons visible

2018-03-07 10:55:13 +01:00
parent 20c59e3775
commit 450965698f
1 changed files with 3 additions and 2 deletions
--- a/app/assets/stylesheets/editor.css.scss
+++ b/app/assets/stylesheets/editor.css.scss
@ -42,13 +42,14 @@ button i.fa-spin {
  background-color: #008CBA;
  margin-top: 0;
  width: 100%;
+  display: flex;

  button {
    font-size: 80%;
  }

  button, .btn-group {
-    width: 33.33333%;
+    flex-grow: 1;
  }

  .btn-group {
@ -191,4 +192,4 @@ button i.fa-spin {

 .enforce-bottom-margin {
  margin-bottom: 5px !important;
-}
+}