Dev: added responsive padding/margin for larger screens

So on large screens the template looks just as it looked before (more of less)
LimeSurvey · Oct 27, 2016 · 40ef1a4 · 40ef1a4 · Shnoulle · Oct 27, 2016
1 parent 88bc48c
commit 40ef1a4
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/templates/default/css/template.css b/templates/default/css/template.css
@@ -107,18 +107,25 @@ div[id^="question"] {
   background-color: #ffffff;
   margin-bottom: 1em; }
 
+.question-title-container {
+  padding-top: 5px;
+  padding-bottom: 5px;
+  background: #2C3E50; }
+
+@media (min-width: 769px) {
+  div[id^="question"] {
+    margin-bottom: 2em; }
+  .question-title-container {
+    padding-top: 15px;
+    padding-bottom: 15px; } }
+
 .question-help-container .questionhelp {
   padding-bottom: 5px;
   padding-top: 5px; }
 
 .ls-em-tip {
   padding-top: 5px; }
 
-.question-title-container {
-  padding-top: 5px;
-  padding-bottom: 5px;
-  background: #2C3E50; }
-
 .question-answer-container {
   border-left: 1px solid #dbdbdb;
   border-right: 1px solid #dbdbdb;