desktop: showing the icon of the currently focused window in workspaces

- showing the icon of the currently focused window in the workspaces
  button for each workspace

1 files changed, 16 insertions, 5 deletions

diff --git a/modules/desktop/eww/eww.mustache.scss b/modules/desktop/eww/eww.mustache.scss
index a546aaf..64a5c7f 100644
--- a/modules/desktop/eww/eww.mustache.scss
+++ b/modules/desktop/eww/eww.mustache.scss
@@ -9,15 +9,13 @@ window#eww-bar {
 }
 
 .bar-container {
-  background: #{{base00}};
-  margin: 3px 5px;
-  border: 1px solid #{{base07}};
-  color: #{{base07}};
+  background: transparent;
 }
 
 .workspaces, .windows {
   padding: 5px;
-  border-bottom: 1px solid #{{base07}};
+  border: 1px solid #{{base07}};
+  margin: 5px;
 }
 
 .workspace-button, .window-button {
@@ -35,3 +33,16 @@ window#eww-bar {
 .workspace-button.active, .window-button.focused {
   border-color: #{{base07}};
 }
+
+.workspace-button .workspace-icon {
+  padding: 0;
+  margin: 0;
+}
+
+.workspace-button .workspace-idx {
+  font-size: 14px;
+  background: #{{base00}};
+  color: #{{base07}};
+  border-radius: 4px;
+  margin: 20px 0 0 20px; /* nudges the label into the bottom-right corner over the icon */
+}