From 01820a027d87bc50a29018b4c671441e96401fd0 Mon Sep 17 00:00:00 2001
From: DarkPete <piomic4@st.amu.edu.pl>
Date: Wed, 19 Dec 2018 11:17:27 +0100
Subject: [PATCH] INQ-7 layout changes

---
 static/style.css        |  6 +++++-
 templates/lecturer.html |  4 ++--
 templates/student.html  | 10 +++++-----
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/static/style.css b/static/style.css
index 370b6ba..c081dd1 100644
--- a/static/style.css
+++ b/static/style.css
@@ -16,6 +16,10 @@ main {
 .color--primary {
     background-color: rgba(34, 51, 89, 1.0);
 }
+
+.color--answered {
+    background-color: rgb(81, 93, 121);
+}
 .text--primary {
     color: rgba(34, 51, 89, 1.0);
 }
@@ -231,7 +235,7 @@ ul > li:not(:last-child) {
     box-shadow: none !important;
 }
 .collapsible-header {
-    background: rgba(34, 51, 89, 1.0) !important;
+    /*background: rgba(34, 51, 89, 1.0) !important;*/
     border-bottom: 0 !important;
 }
 .collapsible-body {
diff --git a/templates/lecturer.html b/templates/lecturer.html
index 1973062..c47c9fe 100644
--- a/templates/lecturer.html
+++ b/templates/lecturer.html
@@ -20,7 +20,7 @@
                     <ul class="collapsible">
                         {% for question in questions %}
                         <li>
-                            <div class="collapsible-header" style="pointer-events:none !important;">
+                            <div {% if question[5] == 1 %} class="collapsible-header color--answered" {% else %}  class="collapsible-header color--primary"  {% endif %}style="pointer-events:none !important;">
                                 <span class="col s7" style="display:flex; align-items:center; text-align: left;">
                                     {{question[3]}}
                                 </span>
@@ -34,7 +34,7 @@
                                 <form class="col s12">
                                     <div class="row">
                                         <div class="input-field col s12">
-                                        <textarea id="{{question[0]}}" style="color:#fff" class="materialize-textarea" name ="questionText"> {{question[6]}}</textarea>
+                                        <textarea id="{{question[0]}}" style="color:#fff" class="materialize-textarea" name ="questionText"> {% if question[5] == 1 %} {{question[6]}} {% endif %}</textarea>
                                         <label for="textarea1">Tutaj wpisz opdowiedź</label>
                                         </div>
                                     </div>
diff --git a/templates/student.html b/templates/student.html
index d64f524..a07da7d 100644
--- a/templates/student.html
+++ b/templates/student.html
@@ -15,13 +15,13 @@
 <div class="container body__container">
     <div class="row">
         <div class="col s12">
-            <div class="card color--primary white-text">
+            <div class="card white-text">
                 <div class="card-content" style="padding-bottom: 0px">
-                    <span class="card-title card-title__body">Pytania studentów</span>
+                    <span class="card-title  color--primary  card-title__body">Pytania studentów</span>
                     <ul  class="collapsible">
                         {% for question in questions %}
-                        <li>
-                            <div class="collapsible-header" {% if question[5] == 1 %} style="background-color:darkslateblue" {% endif %} > <!--style="pointer-events:none !important;"> -->
+                        <li >
+                            <div {% if question[5] == 1 %} class="collapsible-header color--answered" {% else %}  class="collapsible-header color--primary"  {% endif %}> <!--style="pointer-events:none !important;"> -->
                                 <span class="col s7" style="display:flex; align-items:center; text-align: left;">
                                     {{ question[3] }}
                                 </span>
@@ -32,7 +32,7 @@
                                <!-- <a class="col s3 btn--answer waves-effect waves-light btn-large red" style="pointer-events: auto;">ODPOWIEDZ</a> -->
                             </div>
                             {% if question[5] == 1 %}
-                            <div class="collapsible-body" id="clpsbl">
+                            <div class="collapsible-body color--answered" id="clpsbl">
                                 <p  style="color:#fff">{{question[6]}}</p>
                             </div>
                             {% endif %}