form edit

imCodePartnerAB · Jan 27, 2016 · 874e70d · 874e70d
1 parent 662169c
commit 874e70d
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 8 deletions.
diff --git a/ivis-client/src/main/webapp/WEB-INF/templates/text/applications_edit.jsp b/ivis-client/src/main/webapp/WEB-INF/templates/text/applications_edit.jsp
@@ -78,14 +78,14 @@
         <c:forEach items="${steps.entrySet()}" var="entry" varStatus="fileOptionStatus">
             <div class="step">
                 <div class="name">${entry.key.name}</div>
-            </div>
-            <div class="questions">
-                <c:forEach items="${entry.value}" var="question" varStatus="fileOptionStatus">
-                    <div class="question">
-                        <div class="name">${question.text}</div>
-                        <div class="ansqer">${question.value}</div>
-                    </div>
-                </c:forEach>
+                <div class="questions">
+                    <c:forEach items="${entry.value}" var="question" varStatus="fileOptionStatus">
+                        <div class="question">
+                            <div class="name">${question.text}</div>
+                            <div class="answer">${question.value}</div>
+                        </div>
+                    </c:forEach>
+                </div>
             </div>
         </c:forEach>
     </div>

diff --git a/ivis-client/src/main/webapp/css/general.css b/ivis-client/src/main/webapp/css/general.css
@@ -175,6 +175,50 @@ dl dd {
   padding: 0 20px;
 }
 
+.step {
+}
+
+.step > .name {
+  background: #f0f0ff;
+  border-bottom: 3px solid #dcdcf0;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  line-height: 40px;
+  margin: 0;
+  padding: 0 20px;
+}
+
+.step .questions {
+  padding: 20px 0 20px 20px;
+}
+
+.step .questions .question {
+  overflow: hidden;
+}
+
+.step .questions .question:nth-child(2n+1) {
+  background: #fbfbff;
+}
+
+.step .questions .question:hover {
+  background: #ffff96;
+}
+
+.step .questions .question > .name {
+  box-sizing: border-box;
+  float: left;
+  padding: 5px 20px;
+  width: 50%;
+}
+
+.step .questions .question .answer {
+  box-sizing: border-box;
+  float: left;
+  padding: 5px 20px;
+  width: 50%;
+}
+
 form {
   margin: 0;
   padding: 0;