From a193c0379fb21c4219c4353503df51171704c899 Mon Sep 17 00:00:00 2001
From: Tadej Novak <tadej@tano.si>
Date: Wed, 10 Dec 2014 17:18:32 +0100
Subject: [PATCH] Some UI tweaks

---
 css/style.css | 5 +++++
 index.html    | 4 ++--
 js/ui.js      | 6 +++---
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/css/style.css b/css/style.css
index 7d57fee..8744228 100644
--- a/css/style.css
+++ b/css/style.css
@@ -53,6 +53,11 @@ h1 br {
   overflow: auto;
 }
 
+.research-icon {
+  float: left;
+  margin-right: 10px;
+}
+
 #achievements-container {
   position: fixed; bottom: 0px; left: 0px;
 }
diff --git a/index.html b/index.html
index de7a299..a2852c5 100644
--- a/index.html
+++ b/index.html
@@ -81,8 +81,8 @@
             <div id="researchContent" ng-controller="ResearchController as rc">
               <ul class="media-list" ng-cloak>
                 <li class="media" ng-repeat="r in rc.research" ng-show="rc.isVisible(r)">
-                  <img ng-show="r.state.level > 0" class="pull-left media-object" ng-src="{{ r.image }}" alt="">
-                  <img ng-hide="r.state.level > 0" class="pull-left media-object" src="assets/icons/png/unknown.png" alt="">
+                  <img ng-show="r.state.level > 0" class="research-icon media-object" ng-src="{{ r.image }}" alt="">
+                  <img ng-hide="r.state.level > 0" class="research-icon media-object" src="assets/icons/png/unknown.png" alt="">
                   <div class="media-body">
                     <h4 class="media-heading">{{ r.state.level > 0 ? r.name : '?????' }} <span ng-show="r.state.level > 0" class="badge">Level {{ r.state.level }}</span></h4>
                     <p ng-show="r.state.level > 0">{{ r.description }}</p>
diff --git a/js/ui.js b/js/ui.js
index e715889..ef9d6a1 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -35,7 +35,7 @@ var UI = (function () {
       }
 
       if ($(window).width() < 600) {
-        var newWidth = Math.max($(window).width() - ($(window).height() - 80 + 10), 300);
+        var newWidth = Math.max($(window).width() - ($(window).height() - 90 + 10), 300);
         $('#column-lab').width($(window).width() - newWidth);
         $('#column-tabs').width(newWidth);
       } else {
@@ -48,8 +48,8 @@ var UI = (function () {
           $('#detector').width(500).height(500);
           detector.init(500);
         }
-      } else if ($(window).width() < 768 && $(window).height() - 80 < 300) {
-        var newWidth = $(window).width() - Math.max($(window).width() - ($(window).height() - 80 + 10), 300) - 10;
+      } else if ($(window).width() < 768 && $(window).height() - 90 < 300) {
+        var newWidth = $(window).width() - Math.max($(window).width() - ($(window).height() - 90 + 10), 300) - 10;
         if (detector.width != newWidth) {
           $('#detector').width(newWidth).height(newWidth);
           detector.init(newWidth);