Fixed image view dimensions.

viewer/static/css/styles.css

@@ -11,6 +11,14 @@ body {
     margin: 0px;
 }
 
+#id_username {
+    width: 100%;
+}
+
+#id_password {
+    width: 100%;
+}
+
 /****************************************************************************
  * Containers.                                                              *
  ****************************************************************************/
@@ -26,10 +34,8 @@ body {
 }
 
 .image-container {
-    position: relative;
-    height: 100%;
-    width: 100%;
-    overflow: hidden;
+    max-width: 900px;
+    max-height: 600px;
 }
 
 .fc {
@@ -44,29 +50,28 @@ body {
     width: 100%;
 }
 
-.pd {
-    padding: 10%;
+.fixed-width {
+    width: 300px;
 }
 
 /****************************************************************************
  * Content.                                                                 *
  ****************************************************************************/
 
-.image-container img {
-    position: absolute;
-    top:      0;
-    left:     0;
-    bottom:   0;
-    right:    0;
-    height: 100%;
+.image {
+    max-width: 100%;
+    max-height: 600px;
     width: auto;
-    margin: auto;
 }
 
 .mauto {
     margin: auto;
 }
 
+.mauto-top {
+    margin: 200px auto;
+}
+
 .navigation-icon {
     width: 100px;
 }