From 7213da9ae49c27b02bf8c4942b5c23cc906c185f Mon Sep 17 00:00:00 2001
From: Marvin Kome <marvin@akvo.org>
Date: Thu, 13 Feb 2020 15:19:53 +0100
Subject: [PATCH] [#3413] - make action button fixed in assignments

---
 .../devices/AssignmentsEditView/styles.scss         | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/Dashboard/app/js/lib/components/devices/AssignmentsEditView/styles.scss b/Dashboard/app/js/lib/components/devices/AssignmentsEditView/styles.scss
index 4d3d85029a..c4848957ea 100644
--- 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;