more whitespace WIP 2

diff --git a/core/css/styles.css b/core/css/styles.css
index 1eb55aea78a4f2abbf0bc4db53b401a5639a4e6c..6499f454f9fb5abba9f3b1284913fa5cfcf911f1 100644 (file)
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -482,6 +482,9 @@ div.crumb:active {
        height: 100%;
        width: 100%;
 }
+#app * {
+       -moz-box-sizing: border-box; box-sizing: border-box;
+}
 
 /* Navigation: folder like structure */
 #app-navigation {
@@ -526,7 +529,7 @@ div.crumb:active {
        display: block;
        width: 100%;
        height: 44px;
-       padding-top: 12px;
+       padding: 12px;
        overflow: hidden;
        -moz-box-sizing: border-box; box-sizing: border-box;
        white-space: nowrap;
@@ -544,7 +547,7 @@ div.crumb:active {
        margin: 0;
        padding: 0;
        background: none; background-image: url('../img/actions/triangle-s.svg');
-       background-size: 16px 16px; background-repeat: no-repeat; background-position: center;
+       background-size: 16px; background-repeat: no-repeat; background-position: center;
        border: none;
        border-radius: 0;
        outline: none !important;
@@ -600,6 +603,23 @@ div.crumb:active {
        display: block;
 }
 
+
+/* counter and actions */
+#app-navigation .utils {
+       position: absolute;
+       right: 0;
+       top: 0;
+       bottom: 0;
+       font-size: 12px;
+}
+       #app-navigation .utils button,
+       #app-navigation .utils .counter {
+               width: 44px;
+               height: 44px;
+               padding-top: 12px;
+       }
+
+
 /* drag and drop */
 #app-navigation .drag-and-drop {
        -moz-transition: padding-bottom 500ms ease 0s;
@@ -627,7 +647,7 @@ div.crumb:active {
 /* settings area */
 #app-settings {
        position: fixed;
-       width: 249px;
+       width: 299px;
        bottom: 0;
        border-top: 1px solid #ccc;
 }