more whitespace WIP 2

1 files changed, 23 insertions, 3 deletions

diff --git a/core/css/styles.css b/core/css/styles.css
index 1eb55aea78a..6499f454f9f 100644
--- 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;
 }