From f2f315141453ec49fed92cf3042f9635ee76e442 Mon Sep 17 00:00:00 2001
From: Marliana Lara <marliana.lara@gmail.com>
Date: Fri, 14 Jul 2017 12:42:59 -0400
Subject: [PATCH] Add responsive styles to survey maker modal

---
 .../survey-maker/survey-maker.block.less      | 34 ++++++++++++++-----
 1 file changed, 25 insertions(+), 9 deletions(-)

diff --git a/awx/ui/client/src/templates/survey-maker/survey-maker.block.less b/awx/ui/client/src/templates/survey-maker/survey-maker.block.less
index 325c67518e..92d882f22f 100644
--- a/awx/ui/client/src/templates/survey-maker/survey-maker.block.less
+++ b/awx/ui/client/src/templates/survey-maker/survey-maker.block.less
@@ -1,8 +1,11 @@
 @import "./client/src/shared/branding/colors.default.less";
 
 .SurveyMaker-dialog {
+    left: 50vw !important;
+    max-width: 1200px;
     padding: 0px;
-    margin-bottom: 20px;
+    transform: translate(-50%, 0%);
+    width: ~"calc(100vw - 50px)" !important;
 
     .ui-dialog-buttonpane, .ui-dialog-titlebar {
         display:none;
@@ -62,15 +65,14 @@
     display: flex;
     margin-top: 25px;
     min-height: 560px;
+    flex-flow: row nowrap;
+    justify-content: space-around;
 }
-.SurveyMaker-questionPanel {
-    display: flex;
-    flex: 0 0 475px;
-}
+.SurveyMaker-questionPanel,
 .SurveyMaker-previewPanel {
     display: flex;
-    flex: 0 0 637px;
-    max-width: 637px;
+    flex: 0 0 90%;
+    max-width: 500px;
 }
 
 .SurveyMaker-previewPanel--viewOnly {
@@ -151,8 +153,7 @@
     margin-bottom: 20px;
 }
 .SurveyMaker-previewInput {
-    flex: 1 0 523px;
-    max-width: 523px;
+    width: 100%;
 }
 .SurveyMaker-previewActions {
     display: flex;
@@ -231,3 +232,18 @@
         }
     }
 }
+
+@media screen and (max-width: 1200px) {
+    .SurveyMaker-content {
+        flex-wrap: wrap;
+        justify-content: center;
+    }
+    .SurveyMaker-separatorPanel {
+        flex: 0 0 90%;
+        .SurveyMaker-contentSeparator {
+            width: 100%;
+            margin: 25px 0;
+            height: 1px;
+        }
+    }
+}
\ No newline at end of file