small ui improvements

diff --git a/static/css/main.css b/static/css/main.css
index 44ba644e33296bdf5f1a920a7b1e32537ab6a9b3..97e24516722b8f426922407377d391dc46be2889 100644 (file)
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -358,11 +358,11 @@ div.camera-button.close {
 }
 
 div.camera-button.full-screen {
-    background-position: -32px 0px;
+    background-position: -200% 0px;
 }
 
 div.camera-button.configure {
-    background-position: -16px 0px;
+    background-position: -100% 0px;
 }
 
 div.camera-container {
@@ -447,6 +447,17 @@ img.camera-progress {
     body {
         font-size: 13px;
     }
+    
+    div.camera-button {
+        background-size: cover;
+        width: 24px;
+        height: 24px;
+    }
+    
+    div.camera-top-bar {
+        font-size: 20px;
+        height: 25px;
+    }
 }
 
 @media all and (max-width: 1900px) {

diff --git a/static/css/ui.css b/static/css/ui.css
index 4bcbb172cd23cb2e3e0890f58ff929486108434d..fefb05ae17e575b0e72dc8f4e45f149354c8fe5b 100644 (file)
--- a/static/css/ui.css
+++ b/static/css/ui.css
@@ -407,3 +407,24 @@ span.help-mark {
 tr:HOVER span.help-mark {
     visibility: visible;
 }
+
+
+    /* media queries */
+
+@media all and (max-width: 400px) {
+    span.modal-title {
+        font-size: 1.5em;
+        
+    }
+    
+    div.modal-title-bar {
+        height: 2em;
+        line-height: 2em;
+    }
+    
+    div.modal-close-button {
+        background-size: cover;
+        width: 24px;
+        height: 24px;
+    }
+}