Merge pull request #1266 from kwemi/design-update-v1

fix #7, fix #11, fix #12

templates/web/prod/index.html.twig

@@ -743,7 +743,7 @@
                         </span>
                     {% endif %}
                 </div>
-                <div id="answers" class=" PNB10" style="top:48px; bottom:30px;">
+                <div id="answers" class=" PNB10">
                     <script>
                         $(document).ready(function(){
                             {% if app['settings'].getUserSetting(app['authentication'].getUser(), 'start_page') == 'QUERY' %}

www/skins/prod/000000/prodcolor.css

@@ -108,6 +108,10 @@ body {
     bottom: 0;
 }
 
+#rightFrame {
+    min-width: 660px;
+}
+
 .PNB .ui-corner-top {
     top: 100px;
 }
@@ -441,6 +445,10 @@ span.ww_winTitle {
     margin-top: 0;
 }
 
+.ui-accordion .ui-accordion-header.header:hover {
+    background-color: #474747;
+}
+
 #keyboard-dialog h1 {
     font-size: 14px;
     font-weight: bold;
@@ -629,6 +637,8 @@ div.diapo {
 #answers {
     background-color: #111111;
     border: 1px solid #111111;
+    top: 55px;
+    bottom: 30px;
 }
 
 #answers_status{
@@ -1016,7 +1026,7 @@ div.diapo {
 }
 
 #answers {
-    padding: 20px;
+    padding: 20px 0 20px 20px;
 }
 
 #answers .list {

www/skins/prod/jquery.main-prod.js

@@ -309,8 +309,8 @@ function resize() {
         resizePreview();
 
     if ($('#idFrameC').data('ui-resizable')) {
-        $('#idFrameC').resizable('option', 'maxWidth', (bodySize.x - 670));
-        $('#idFrameC').resizable('option', 'minWidth', 305);
+        $('#idFrameC').resizable('option', 'maxWidth', (480));
+        $('#idFrameC').resizable('option', 'minWidth', 300);
     }
 
     answerSizer();