Thumbnail preview in Viewer smaller for mobile devices.

midstar · Jan 21, 2020 · c24178e · c24178e
1 parent 2758af8
commit c24178e
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/templates/index.html b/templates/index.html
@@ -222,7 +222,7 @@
     height: 256px;
     top: 20px;
     left: 20px;
-    border-radius: 25px;
+    border-radius: 10%;
     position: absolute; /* Stay in place in container */
     z-index: 3; /* Sit on top */
     display: none; /* Hide by default */
@@ -297,6 +297,17 @@
     left: 0px; 
 }
 
+/* Smaller devices */
+@media only screen and (max-width: 1000px) {
+    .media-thumb {
+        width: 180px;
+        height: 180px;
+        top: 14px;
+        left: 14px;
+    }
+
+}
+
 </style>
 
 <script>