From 05684471913aee3b3289b90072c6f55d630e7225 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marko=20Pu=C5=A1nik?= <marko.pusnik@guru.si>
Date: Thu, 1 Oct 2015 23:51:40 +0200
Subject: block description fix; hint img centered;

---
 css/codeq.css      |  3 ++-
 css/codeq/hint.css |  4 ++++
 index.html         | 18 ++++++++++++------
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/css/codeq.css b/css/codeq.css
index e2f220e..a701d5c 100644
--- a/css/codeq.css
+++ b/css/codeq.css
@@ -12,7 +12,7 @@ body {
 
 .title {
     /*color: whitesmoke;*/
-    margin-left: 5px;
+    /*margin-left: 5px;*/
 }
 
 /* modalLogIn */
@@ -110,6 +110,7 @@ body {
     /*font-family: monospace;*/
     opacity: .7;
     text-align: left;
+    padding: 0 4px;
 }
 
 /* block-toolbar */
diff --git a/css/codeq/hint.css b/css/codeq/hint.css
index 66313b7..00614ca 100644
--- a/css/codeq/hint.css
+++ b/css/codeq/hint.css
@@ -12,4 +12,8 @@ div:not(.hint-static-group) > div.hint-static {
 
 .hint-static img {
     max-width: 80%;
+    /* center img trick */
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
 }
diff --git a/index.html b/index.html
index 4bbf4e7..b5c7126 100644
--- a/index.html
+++ b/index.html
@@ -158,8 +158,10 @@
         <div class="container-fluid quadrants block1" id="screen_prolog" style="display: none;">
             <div class="row">
                 <div class="col-lg-3 col-md-6 col-sm-12 block block1">
-                    <h2 class="title translatable" data-dict="prolog" data-tkey="slug"></h2>
-                    <div class="description translatable" data-dict="prolog" data-tkey="description"></div>
+                    <div class="description">
+                        <h2 class="title translatable" data-dict="prolog" data-tkey="slug"></h2>
+                        <div class="description translatable" data-dict="prolog" data-tkey="description"></div>
+                    </div>
                     <div class="block-label">Instructions</div>
                 </div>
                 <div class="col-lg-3 col-md-6 col-sm-12 block block2">
@@ -191,8 +193,10 @@
         <div class="container-fluid quadrants block1" id="screen_python" style="display: none;">
             <div class="row">
                 <div class="col-lg-3 col-md-6 col-sm-12 block block1">
-                    <h2 class="title translatable" data-dict="python" data-tkey="slug"></h2>
-                    <div class="description translatable" data-dict="python" data-tkey="description"></div>
+                    <div class="description">
+                        <h2 class="title translatable" data-dict="python" data-tkey="slug"></h2>
+                        <div class="translatable" data-dict="python" data-tkey="description"></div>
+                    </div>
                     <div class="block-label">Instructions</div>
                 </div>
                 <div class="col-lg-3 col-md-6 col-sm-12 block block2">
@@ -226,8 +230,10 @@
         <div class="container-fluid quadrants block1" id="screen_robot" style="display: none;">
             <div class="row">
                 <div class="col-lg-3 col-md-6 col-sm-12 block block1">
-                    <h2 class="title translatable" data-dict="robot" data-tkey="slug"></h2>
-                    <div class="description translatable" data-dict="robot" data-tkey="description"></div>
+                    <div class="description">
+                        <h2 class="title translatable" data-dict="robot" data-tkey="slug"></h2>
+                        <div class=" translatable" data-dict="robot" data-tkey="description"></div>
+                    </div>
                     <div class="block-label">Instructions</div>
                 </div>
                 <div class="col-lg-3 col-md-6 col-sm-12 block block2">
-- 
cgit v1.2.1