a few layout optimizations

diff --git a/static/css/main.css b/static/css/main.css
index 847fc4a37954952345dc54dc140699e017aba6a5..ae0c25155e528dc26356cf343e560fe06198f601 100644 (file)
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -34,16 +34,14 @@ html {
 div.page,
 div.header-container {
     position: relative;
-    min-width: 360px;
-    min-height: 90%;
+    min-width: 400px;
     width: 100%;
 }
 
 div.page {
-    padding-top: 50px;
-    padding-bottom: 20px;
     font-size: 1em;
     transition: all 0.5s linear;
+    min-height: 100%;
 }
 
 div.header {
@@ -63,9 +61,9 @@ div.header-container {
 
 div.footer {
     position: absolute;
-    bottom: 0px;
+    bottom: 5px;
     width: 100%;
-    height: 20px;
+    height: 2.2em;
     font-size: 0.7em;
     color: #aaa;
     text-align: center;
@@ -73,7 +71,7 @@ div.footer {
 
 div.page-container {
     transition: all 0.2s linear;
-    padding: 5px;
+    padding: 55px 5px 2.2em 5px;
 }
 
 div.page-container.stretched {
@@ -143,19 +141,18 @@ div.settings {
     top: 50px;
     left: 0px;
     width: 0px;
-    height: 100%;
+    bottom: 0px;
     transition: all 0.2s linear;
     overflow: auto;
 }
 
 div.settings.open {
     width: 40%;
-    min-width: 360px;
+    min-width: 400px;
 }
 
 div.settings-container {
     padding-top: 10px;
-    padding-bottom: 60px;
     display: none;
     white-space: nowrap;
 }
@@ -173,7 +170,7 @@ div.settings-top-bar {
 
 div.settings-top-bar.open {
     background-color: #414141;
-    min-width: 360px;
+    min-width: 400px;
 }
 
 div.settings-section-title {

diff --git a/templates/main.html b/templates/main.html
index 7a8694df7524e22a00bff8110e5586e06ebe305c..bced036333e5b8bdd46fbe7a236c9c9c52d6cb5a 100644 (file)
--- a/templates/main.html
+++ b/templates/main.html
@@ -436,7 +436,8 @@
             <img class="main-loading-progress" src="{{STATIC_URL}}img/main-loading-progress.gif">
         </div>
         <div class="footer">
-            copyright &copy; Calin Crisan 2013
+            <div class="system-info">free space: 100MB/300MB</div>
+            <div class="copyright-note">copyright &copy; Calin Crisan 2013</div>
         </div> 
     </div>
     <div class="modal-glass"></div>