commit 98276a3ab2db2b8e2af5a3f0c7c3c762cb868d21
author Michael Davis <michael.s.davis@ibm.com> Thu Jul 27 14:39:24 2017 -0500
committer Adriana Kobylak <anoo@us.ibm.com> Mon Oct 09 13:18:10 2017 -0500
tree ad88774e42f7ef902e208a898f7390e18640fbf3
parent b27188e87541e2d500967083b654237f26f1cac8

fixed wrapping of confirmation buttons at small screens

Change-Id: If77633e13acfbb74054e55dbf10e7908d28c893f
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>

app/common/styles/elements/inline-confirm.scss

diff --git a/app/common/styles/elements/inline-confirm.scss b/app/common/styles/elements/inline-confirm.scss
index fe23cb8..4746eb9 100644
--- a/app/common/styles/elements/inline-confirm.scss
+++ b/app/common/styles/elements/inline-confirm.scss
@@ -6,7 +6,7 @@
   transform: translateY(-103%);
   width: 100%;
   height: 100%;
-  margin-left: -1.8em;
+  //margin-left: -1.8em;
   z-index: 5;
   background: $darkbg__primary;
   color: $white;
@@ -21,6 +21,7 @@
 
 // Power confirmation buttons
 .inline__confirm-buttons {
+  margin-left: 1.8em;
   .btn-primary {
     background: transparent;
     border: 2px solid $white;
@@ -33,8 +34,11 @@
       border: 2px solid $primebtn__bg;
     }
   }
-  @include mediaQuery(medium) {
-    float: right;
+  @media (min-width: 900px) {
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
   }
 }