Fix image scaling in infoscreen

Resolves #32

infoscreen/static/css/infoscreen.css

@@ -12,12 +12,23 @@
     height:100%;
 }
 
+.img-container{
+    width: 100vw;
+    height: 100vh;
+    position: relative;
+    overflow: hidden;
+}
 .fit {
-	width: auto;
+    position:absolute;
-	min-height: 100%;
+    top: 50%;
-	display: block;
+    left: 50%;
-    margin-left: auto;
+    width: 100%;
-    margin-right: auto;
+    min-height: 100%;
+    height: auto;
+    margin: auto;
+    -webkit-transform: translate(-50%,-50%);
+    -ms-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
 }
 
 .swap-animation.ng-enter, .swap-animation.ng-leave {

infoscreen/static/html/generic_image.html

@@ -1 +1,4 @@
-<img ng-src="{{ img }}" class="fit"/>
+<div class="img-container">
+    <img ng-src="{{ img }}" class="fit"/>
+</div>
+