Panel, dash improvements

theme/gnome-shell/.css/apps.css

@@ -221,8 +221,7 @@
 }
 
 #dash .app-grid-running-dot {
-	margin-bottom: 12px !important; /* override because of gdm */
-	offset-y: 8px; /* 46.2 fix */
+	offset-y: -4px;
 }
 
 #dash .app-well-app:hover .app-well-app-running-dot,

theme/gnome-shell/.css/panel.css

@@ -2,8 +2,8 @@
 
 #panel {
 	background-color: BACKGROUND-OPAQUE-COLOR;
-	height: 36px;
-	font-size: 14px;
+	height: 34px;
+	font-size: 13px;
 	box-shadow: none;
 }
 
@@ -13,14 +13,25 @@
 	transition-duration: 0.25s;
 }
 
+/* i know margin are not used cuz hitboxes of buttons don't expand to screen edges */
+/* however with this trick i cannot paint button borders */
+.panel-button {
+	margin: 4px 3px;
+}
+
+/* allows to shrink horizontal padding for app icons */
+.panel-button { -natural-hpadding: 6px; }
+.panel-status-indicators-box:first-child { padding-left: 3px; }
+.panel-status-indicators-box:last-child { padding-right: 3px; }
+.panel-status-indicators-box:first-child:last-child { padding: 0; }
+.panel-button#panelActivities { -natural-hpadding: 10px; }
 
 /* panel buttons */
 .panel-button,
-.panel-button .clock, /* Date & clock */
-.clock-display StIcon { /* DND / new messages icon */
+.panel-button .clock { /* DND / new messages icon */
 	color: TEXT-PRIMARY-COLOR;
-	border-radius: 14px;
-	border: 4px solid transparent !important;
+	border-radius: 9px;
+	border-width: 0px;
 	background-color: ACCENT-DISABLED-COLOR;
 	box-shadow: inset 0 0 0 1px BORDER-SHADOW;
 }
@@ -64,11 +75,6 @@
 	font-size: 12px;
 }
 
-/* battery icon */
-#panel .power-status.panel-status-indicators-box StIcon {
-	font-size: 14px;
-}
-
 
 /* panel buttons in lock screen / overview */
 #panel.unlock-screen .panel-button,