diff --git a/infoscreen/static/css/infoscreen.css b/infoscreen/static/css/infoscreen.css
index ef39121..5e3bd48 100644
--- a/infoscreen/static/css/infoscreen.css
+++ b/infoscreen/static/css/infoscreen.css
@@ -12,12 +12,23 @@
height:100%;
}
+.img-container{
+ width: 100vw;
+ height: 100vh;
+ position: relative;
+ overflow: hidden;
+}
.fit {
- width: auto;
- min-height: 100%;
- display: block;
- margin-left: auto;
- margin-right: auto;
+ position:absolute;
+ top: 50%;
+ left: 50%;
+ width: 100%;
+ 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 {
diff --git a/infoscreen/static/html/generic_image.html b/infoscreen/static/html/generic_image.html
index 3113d80..6a7747b 100644
--- a/infoscreen/static/html/generic_image.html
+++ b/infoscreen/static/html/generic_image.html
@@ -1 +1,4 @@
-
+