From d4de01289a4af4f2686c87a40d916265bc6e8a8c Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jan-sebastian.tuomi@aalto.fi>
Date: Wed, 4 Jan 2017 13:16:46 +0200
Subject: [PATCH] =?UTF-8?q?Scale=20S=C3=B6ss=C3=B6=20titles=20with=20viewp?=
 =?UTF-8?q?ort=20size?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

References #2.
---
 infoscreen/static/css/sosso.css   |  9 +++++++--
 infoscreen/static/html/sosso.html | 24 ++++++++++++------------
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/infoscreen/static/css/sosso.css b/infoscreen/static/css/sosso.css
index 6752833..59454b9 100644
--- a/infoscreen/static/css/sosso.css
+++ b/infoscreen/static/css/sosso.css
@@ -17,12 +17,13 @@
     margin: 10px 10px 10px 10px;
 }
 
-.article-col {
+.article-thumb-col {
     max-height: 200px;
+    text-align: right;
 }
 
 .article-title-col {
-    font-size: 60px;
+    font-size: 3vw;
 }
 
 .thumbnail {
@@ -46,3 +47,7 @@
   height: 540px;
   border:2px solid black;
 }
+
+#container {
+    max-height: 70%;
+}
diff --git a/infoscreen/static/html/sosso.html b/infoscreen/static/html/sosso.html
index 1b16123..3ea914f 100644
--- a/infoscreen/static/html/sosso.html
+++ b/infoscreen/static/html/sosso.html
@@ -3,18 +3,18 @@
     <div id="header">
         <img id="header-image" src="/static/img/sossoheader.png" >
     </div>
-    <div id="container" ng-repeat="post in data.posts">
-        <div class="article-row row">
-            <div class="article-col col-md-6">
-                <img class="thumbnail" ng-src="{{ post.thumbnail_images.medium.url }}">
-            </div>
-            <div>
-                <h1 class="col-md-6">
-                    <div class="article-title-col">
-                        {{ post.title }}
-                    </div>
-                </h1>
+        <div id="container">
+            <div class="article-row row" ng-repeat="post in data.posts">
+                <div class="article-thumb-col col-md-6">
+                    <img class="thumbnail" ng-src="{{ post.thumbnail_images.medium.url }}">
+                </div>
+                <div>
+                    <h1 class="col-md-6">
+                        <div class="article-title-col">
+                            {{ post.title }}
+                        </div>
+                    </h1>
+                </div>
             </div>
         </div>
-    </div>
 </div>