adjust panel button behavior

Signed-off-by: matdave <[email protected]>
modxcms · Nov 1, 2024 · fe9df81 · fe9df81
1 parent fd8b8f4
commit fe9df81
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/_build/assets/sass/_buttons.scss b/_build/assets/sass/_buttons.scss
@@ -111,17 +111,19 @@ button.fred--btn, .fred--btn, .fred button.fred--btn, .fred .fred--btn{
     background: transparent;
     border-radius: $radius;
     padding: math.div($baseGutter, 2) $baseGutter;
-    margin: math.div($baseGutter, 2) $baseGutter;
+    margin: auto $baseGutter;
     float: right;
-    //&:hover, &:focus {
-    //  background-color: darken($border-light, 15%);
-    //  color: $black;
-    //}
+    order: 0;
+    &:hover, &:focus {
+      background-color: $border-light;
+      color: $black;
+    }
   }
   &-apply {
     background: $green;
     color: $white;
     border: 0px solid transparent;
+    order: 1;
     &:hover, &:focus {
       background-color: darken($green, 15%);
     }

diff --git a/_build/assets/sass/_panels.scss b/_build/assets/sass/_panels.scss
@@ -117,4 +117,9 @@
   textarea{
     height: initial;
   }
+  &_button_wrapper{
+    display: flex;
+    justify-content: end;
+    margin-top: math.div($baseGutter, 2);
+  }
 }