[#3413] - make action button fixed in assignments

akvo · Feb 13, 2020 · 7213da9 · 7213da9
1 parent 64cba80
commit 7213da9
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/Dashboard/app/js/lib/components/devices/AssignmentsEditView/styles.scss b/Dashboard/app/js/lib/components/devices/AssignmentsEditView/styles.scss
@@ -81,12 +81,13 @@
 
     .assignment-body {
       display: flex;
+      height: 100%;
 
       .assignment-sidebar {
         flex: 1;
         background: #e8e8e8;
         padding: 5px 0px;
-        min-height: 450px;
+        height: 470px;
 
         li {
           display: flex;
@@ -159,6 +160,7 @@
       .assignment-main {
         flex: 4;
         color: #444;
+        height: 470px;
 
         .settings {
           padding: 15px 25px;
@@ -295,9 +297,12 @@
         .devices-action-page {
           position: relative;
           height: 100%;
+          display: flex;
+          flex-direction: column;
 
           .header {
             display: flex;
+            flex: 1;
             justify-content: space-between;
             padding: 15px 3em;
             align-items: center;
@@ -316,6 +321,9 @@
           .body {
             padding: 15px 3em;
             padding-bottom: 3em;
+            flex: 1 1 auto;
+            overflow: auto;
+            height: 100%;
 
             .assignment-device-selector {
               margin-bottom: 1.5em;
@@ -370,9 +378,8 @@
           }
 
           .footer {
-            position: absolute;
-            bottom: 0;
             width: 100%;
+            flex: 1;
 
             .footer-inner {
               display: flex;