commit 2efd7a4a576cc0f293eca03362517bfc5ecd1fc4
Author: alexis diavatis <alexis.diavatis@gmail.com>
Date:   Fri Mar 6 01:58:24 2015 +0200

    fix indentation

diff --git a/_common.scss b/_common.scss
index ef8ceb8..e50f936 100644
--- a/_common.scss
+++ b/_common.scss
@@ -105,14 +105,14 @@ StScrollBar {
 /* Slider */
 
 .slider {
-    height: 1em;
-    -slider-height: 0.3em;
-    -slider-background-color: $insensitive_bg_color; //background of the trough
-    -slider-border-color: $borders_color; //trough border color
-    -slider-active-background-color: $selected_bg_color; //active trough fill
-    -slider-active-border-color: darken($selected_bg_color,10%); //active trough border
-    -slider-border-width: 1px;
-    -slider-handle-radius: 6px;
+  height: 1em;
+  -slider-height: 0.3em;
+  -slider-background-color: $insensitive_bg_color; //background of the trough
+  -slider-border-color: $borders_color; //trough border color
+  -slider-active-background-color: $selected_bg_color; //active trough fill
+  -slider-active-border-color: darken($selected_bg_color,10%); //active trough border
+  -slider-border-width: 1px;
+  -slider-handle-radius: 6px;
 }
 
 /* Check Boxes */
@@ -131,17 +131,17 @@ StScrollBar {
 
 /* Switches */
 .toggle-switch {
-    width: 65px;
-    height: 22px;
-    background-size: contain;
+  width: 65px;
+  height: 22px;
+  background-size: contain;
 }
 
-  @each $v in us, intl {
-    .toggle-switch-#{$v} {
-      background-image: url("resource:///org/gnome/shell/theme/toggle-off-#{$v}.svg");
-      &:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-#{$v}.svg"); }
-    }
+@each $v in us, intl {
+  .toggle-switch-#{$v} {
+    background-image: url("resource:///org/gnome/shell/theme/toggle-off-#{$v}.svg");
+    &:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-#{$v}.svg"); }
   }
+}
 
 /* links */
 .shell-link {
@@ -174,160 +174,160 @@ StScrollBar {
     color: darken($osd_fg_color,10%);
     padding-bottom: .4em;
   }
+}
 
+.button-dialog-button-box {
+  spacing: 18px;
+  padding-top: 48px;
 }
-  .button-dialog-button-box {
-    spacing: 18px;
-    padding-top: 48px;
-  }
 
-  .show-processes-dialog-subject,
-  .mount-question-dialog-subject,
-  .end-session-dialog-subject { //this should be a generic header class
-    @include fontsize($font-size * 1.3);
-  }
+.show-processes-dialog-subject,
+.mount-question-dialog-subject,
+.end-session-dialog-subject { //this should be a generic header class
+  @include fontsize($font-size * 1.3);
+}
 
 /* End Session Dialog */
 .end-session-dialog {
-    spacing: 42px;
-    border: 3px solid $_bubble_borders_color;
+  spacing: 42px;
+  border: 3px solid $_bubble_borders_color;
 }
 
-  .end-session-dialog-list {
-      padding-top: 20px;
-  }
+.end-session-dialog-list {
+  padding-top: 20px;
+}
 
-  .end-session-dialog-layout {
-    padding-left: 17px;
-    &:rtl { padding-right: 17px; }
-  }
+.end-session-dialog-layout {
+  padding-left: 17px;
+  &:rtl { padding-right: 17px; }
+}
 
-  .end-session-dialog-description {
-    width: 28em;
-    padding-bottom: 10px;
-    &:rtl {
-      text-align: right;
-    }
+.end-session-dialog-description {
+  width: 28em;
+  padding-bottom: 10px;
+  &:rtl {
+    text-align: right;
   }
+}
 
-  .end-session-dialog-warning {
-    width: 28em;
-    color: $warning_color;
-    padding-top: 6px;
-    &:rtl {
-      text-align: right;
-    }
+.end-session-dialog-warning {
+  width: 28em;
+  color: $warning_color;
+  padding-top: 6px;
+  &:rtl {
+    text-align: right;
   }
+}
 
-  .end-session-dialog-logout-icon {
-    //border: 2px solid #8b8b8b;
-    border-radius: 5px;
-    width: 48px;
-    height: 48px;
-    background-size: contain;
-  }
+.end-session-dialog-logout-icon {
+  //border: 2px solid #8b8b8b;
+  border-radius: 5px;
+  width: 48px;
+  height: 48px;
+  background-size: contain;
+}
 
-  .end-session-dialog-shutdown-icon {
-    color: $fg_color;
-    width: 48px;
-    height: 48px;
-  }
+.end-session-dialog-shutdown-icon {
+  color: $fg_color;
+  width: 48px;
+  height: 48px;
+}
 
-  .end-session-dialog-inhibitor-layout {
-    spacing: 16px;
-    max-height: 200px;
-    padding-right: 65px;
-    padding-left: 65px;
-  }
+.end-session-dialog-inhibitor-layout {
+  spacing: 16px;
+  max-height: 200px;
+  padding-right: 65px;
+  padding-left: 65px;
+}
 
-  .end-session-dialog-session-list,
-  .end-session-dialog-app-list {
-    spacing: 1em;
-  }
+.end-session-dialog-session-list,
+.end-session-dialog-app-list {
+  spacing: 1em;
+}
 
-  .end-session-dialog-list-header {
-    font-weight: bold;
-    &:rtl { text-align: right; }
-  }
+.end-session-dialog-list-header {
+  font-weight: bold;
+  &:rtl { text-align: right; }
+}
 
-  .end-session-dialog-app-list-item,
-  .end-session-dialog-session-list-item {
-    spacing: 1em;
-  }
+.end-session-dialog-app-list-item,
+.end-session-dialog-session-list-item {
+  spacing: 1em;
+}
 
-  .end-session-dialog-app-list-item-name,
-  .end-session-dialog-session-list-item-name {
-    font-weight: bold;
-  }
+.end-session-dialog-app-list-item-name,
+.end-session-dialog-session-list-item-name {
+  font-weight: bold;
+}
 
-  .end-session-dialog-app-list-item-description {
-    color: darken($fg_color,5%);
-    font-size: 10pt;
-  }
+.end-session-dialog-app-list-item-description {
+  color: darken($fg_color,5%);
+  font-size: 10pt;
+}
 
 /* ShellMountOperation Dialogs */
 .shell-mount-operation-icon { icon-size: 48px; }
 
-  .show-processes-dialog,
-  .mount-question-dialog {
-    spacing: 24px;
-  }
+.show-processes-dialog,
+.mount-question-dialog {
+  spacing: 24px;
+}
 
-  .show-processes-dialog-subject,
-  .mount-question-dialog-subject {
-    padding-top: 10px;
-    padding-left: 17px;
-    padding-bottom: 6px;
-  }
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px;
+}
 
-  .mount-question-dialog-subject {
-      max-width: 500px;
-  }
+.mount-question-dialog-subject {
+  max-width: 500px;
+}
 
-  .show-processes-dialog-subject:rtl,
-  .mount-question-dialog-subject:rtl {
-    padding-left: 0px;
-    padding-right: 17px;
-  }
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+  padding-left: 0px;
+  padding-right: 17px;
+}
 
-  .show-processes-dialog-description,
-  .mount-question-dialog-description {
-    padding-left: 17px;
-    width: 28em;
-  }
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+  padding-left: 17px;
+  width: 28em;
+}
 
-  .show-processes-dialog-description:rtl,
-  .mount-question-dialog-description:rtl {
-    padding-right: 17px;
-  }
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+  padding-right: 17px;
+}
 
-  .show-processes-dialog-app-list {
-    max-height: 200px;
-    padding-top: 24px;
-    padding-left: 49px;
-    padding-right: 32px;
-  }
+.show-processes-dialog-app-list {
+  max-height: 200px;
+  padding-top: 24px;
+  padding-left: 49px;
+  padding-right: 32px;
+}
 
-  .show-processes-dialog-app-list:rtl {
-    padding-right: 49px;
-    padding-left: 32px;
-  }
+.show-processes-dialog-app-list:rtl {
+  padding-right: 49px;
+  padding-left: 32px;
+}
 
-  .show-processes-dialog-app-list-item {
-    color: darken($fg_color,10%);
-    &:hover { color: $fg_color; }
-    &:ltr { padding-right: 1em; }
-    &:rtl { padding-left: 1em; }
-  }
+.show-processes-dialog-app-list-item {
+  color: darken($fg_color,10%);
+  &:hover { color: $fg_color; }
+  &:ltr { padding-right: 1em; }
+  &:rtl { padding-left: 1em; }
+}
 
-  .show-processes-dialog-app-list-item-icon {
-    &:ltr { padding-right: 17px; }
-    &:rtl { padding-left: 17px; }
-  }
+.show-processes-dialog-app-list-item-icon {
+  &:ltr { padding-right: 17px; }
+  &:rtl { padding-left: 17px; }
+}
 
-  .show-processes-dialog-app-list-item-name {
-    font-size: 10pt;
-  }
+.show-processes-dialog-app-list-item-name {
+  font-size: 10pt;
+}
 
 
 /* Password or Authentication Dialog */
@@ -338,48 +338,48 @@ StScrollBar {
   border: 3px solid $_bubble_borders_color;
 }
 
-  .prompt-dialog-main-layout {
-    spacing: 24px;
-    padding: 10px;
-  }
+.prompt-dialog-main-layout {
+  spacing: 24px;
+  padding: 10px;
+}
 
-  .prompt-dialog-message-layout {
-    spacing: 16px;
-  }
+.prompt-dialog-message-layout {
+  spacing: 16px;
+}
 
-  .prompt-dialog-headline {
-    font-weight: bold;
-    color: darken($fg_color,30%);
-  }
+.prompt-dialog-headline {
+  font-weight: bold;
+  color: darken($fg_color,30%);
+}
 
-  .prompt-dialog-description:rtl {
-    text-align: right;
-  }
+.prompt-dialog-description:rtl {
+  text-align: right;
+}
 
-  .prompt-dialog-password-box {
-    spacing: 1em;
-    padding-bottom: 1em;
-  }
+.prompt-dialog-password-box {
+  spacing: 1em;
+  padding-bottom: 1em;
+}
 
-  .prompt-dialog-error-label {
-    font-size: 10pt;
-    color: $error_color;
-    padding-bottom: 8px;
-  }
+.prompt-dialog-error-label {
+  font-size: 10pt;
+  color: $error_color;
+  padding-bottom: 8px;
+}
 
-  .prompt-dialog-info-label {
-    font-size: 10pt;
-    padding-bottom: 8px;
-  }
+.prompt-dialog-info-label {
+  font-size: 10pt;
+  padding-bottom: 8px;
+}
 
-  .hidden {
-    color: rgba(0,0,0,0);
-  }
+.hidden {
+  color: rgba(0,0,0,0);
+}
 
-  .prompt-dialog-null-label {
-    font-size: 10pt;
-    padding-bottom: 8px;
-  }
+.prompt-dialog-null-label {
+  font-size: 10pt;
+  padding-bottom: 8px;
+}
 
 
 /* Polkit Dialog */
@@ -393,16 +393,16 @@ StScrollBar {
   }
 }
 
-  .polkit-dialog-user-root-label {
-      color: $warning_color;
-  }
+.polkit-dialog-user-root-label {
+  color: $warning_color;
+}
 
-  .polkit-dialog-user-icon {
-      border-radius: 5px;
-      background-size: contain;
-      width: 48px;
-      height: 48px;
-  }
+.polkit-dialog-user-icon {
+  border-radius: 5px;
+  background-size: contain;
+  width: 48px;
+  height: 48px;
+}
 
 /* Network Agent Dialog */
 
@@ -459,32 +459,30 @@ StScrollBar {
   }
 }
 
+.popup-menu-ornament {
+  text-align: right;
+  width: 1em;
+}
+.popup-menu-boxpointer,
+.candidate-popup-boxpointer {
+  -arrow-border-radius: 3px;
+  -arrow-background-color: $bg_color;
+  -arrow-border-width: 1px;
+  -arrow-border-color: $borders_color;
+  -arrow-base: 24px;
+  -arrow-rise: 11px;
+  -arrow-box-shadow: 0 1px 3px black; //dreaming. bug #689995
+}
 
-
-  .popup-menu-ornament {
-      text-align: right;
-      width: 1em;
-  }
-  .popup-menu-boxpointer,
-  .candidate-popup-boxpointer {
-      -arrow-border-radius: 3px;
-      -arrow-background-color: $bg_color;
-      -arrow-border-width: 1px;
-      -arrow-border-color: $borders_color;
-      -arrow-base: 24px;
-      -arrow-rise: 11px;
-      -arrow-box-shadow: 0 1px 3px black; //dreaming. bug #689995
-  }
-
-  .popup-separator-menu-item {
-    //-margin-horizontal: 24px;
-    height: 1px; //not really the whole box
-    margin: 6px 64px;
-    background-color: transparent;
-    border-color: lighten($borders_color,10%);
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
-  }
+.popup-separator-menu-item {
+  //-margin-horizontal: 24px;
+  height: 1px; //not really the whole box
+  margin: 6px 64px;
+  background-color: transparent;
+  border-color: lighten($borders_color,10%);
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+}
 
 
 // Background menu
@@ -516,8 +514,8 @@ StScrollBar {
 
 /* App Switcher */
 .switcher-popup {
-    padding: 8px;
-    spacing: 16px;
+  padding: 8px;
+  spacing: 16px;
 }
 
 .osd-window,
@@ -526,82 +524,82 @@ StScrollBar {
   @extend %osd-panel;
 }
 
-  .switcher-list-item-container { spacing: 8px;  }
+.switcher-list-item-container { spacing: 8px;  }
 
-  .switcher-list .item-box {
-    padding: 8px;
-    border-radius: 4px;
-  }
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 4px;
+}
 
-  .switcher-list .item-box:outlined {
-    padding: 6px;
-    border: 2px solid darken($borders_color,10%);
-  }
+.switcher-list .item-box:outlined {
+  padding: 6px;
+  border: 2px solid darken($borders_color,10%);
+}
 
-  .switcher-list .item-box:selected {
-    background-color: $selected_bg_color;
-    color: $selected_fg_color;
-  }
+.switcher-list .item-box:selected {
+  background-color: $selected_bg_color;
+  color: $selected_fg_color;
+}
 
-  .switcher-list .thumbnail-box {
-    padding: 2px;
-    spacing: 4px;
-  }
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
 
-  .switcher-list .thumbnail {
-    width:  256px;
-  }
+.switcher-list .thumbnail {
+  width:  256px;
+}
 
-  .switcher-list .separator {
-    width: 1px;
-    background: $borders_color;
-  }
+.switcher-list .separator {
+  width: 1px;
+  background: $borders_color;
+}
 
-  .switcher-arrow {
-    border-color: rgba(0,0,0,0);
-    color: $borders_color;
-  }
+.switcher-arrow {
+  border-color: rgba(0,0,0,0);
+  color: $borders_color;
+}
 
-  .switcher-arrow:highlighted {
-    color: $fg_color;
-  }
+.switcher-arrow:highlighted {
+  color: $fg_color;
+}
 
-  .input-source-switcher-symbol {
-     font-size: 34pt;
-     width: 96px;
-     height: 96px;
-  }
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
 
 /* Workspace Switcher */
 .workspace-switcher-group { padding: 12px; }
 
-  .workspace-switcher-container {
-    @extend %osd-panel;
-  }
+.workspace-switcher-container {
+  @extend %osd-panel;
+}
 
-  .workspace-switcher {
-    background: transparent;
-    border: 0px;
-    border-radius: 0px;
-    padding: 0px;
-    spacing: 8px;
-  }
+.workspace-switcher {
+  background: transparent;
+  border: 0px;
+  border-radius: 0px;
+  padding: 0px;
+  spacing: 8px;
+}
 
-  .ws-switcher-active-up, .ws-switcher-active-down {
-    height: 50px;
-    background-color: $selected_bg_color;
-    color: $selected_fg_color;
-    //background-image: url("resource:///org/gnome/shell/theme/ws-switch-arrow-up.png");
-    background-size: 32px;
-    border-radius: 8px;
-  }
+.ws-switcher-active-up, .ws-switcher-active-down {
+  height: 50px;
+  background-color: $selected_bg_color;
+  color: $selected_fg_color;
+  //background-image: url("resource:///org/gnome/shell/theme/ws-switch-arrow-up.png");
+  background-size: 32px;
+  border-radius: 8px;
+}
 
-  .ws-switcher-box {
-      height: 50px;
-      border: 1px solid transparentize($osd_fg_color,0.9);
-      background: transparent;
-      border-radius: 8px;
-  }
+.ws-switcher-box {
+  height: 50px;
+  border: 1px solid transparentize($osd_fg_color,0.9);
+  background: transparent;
+  border-radius: 8px;
+}
 
 %osd-panel {
   color: $_bubble_fg_color;
@@ -617,17 +615,17 @@ StScrollBar {
   border: 1px solid $selected_bg_color;
 }
 
-  .tile-preview-left.on-primary {
-    border-radius: $panel-corner-radius $panel-corner-radius 0 0;
-  }
+.tile-preview-left.on-primary {
+  border-radius: $panel-corner-radius $panel-corner-radius 0 0;
+}
 
-  .tile-preview-right.on-primary {
-    border-radius: 0 $panel-corner-radius 0 0;
-  }
+.tile-preview-right.on-primary {
+  border-radius: 0 $panel-corner-radius 0 0;
+}
 
-  .tile-preview-left.tile-preview-right.on-primary {
-    border-radius: $panel-corner-radius $panel-corner-radius 0 0;
-  }
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: $panel-corner-radius $panel-corner-radius 0 0;
+}
 
 /* TOP BAR */
 
@@ -707,246 +705,242 @@ StScrollBar {
   .screencast-indicator { color: $warning_color; }
 }
 
-  // calendar popover
-  #calendarArea {
-    padding: 0.75em 1.0em;
-  }
+// calendar popover
+#calendarArea {
+  padding: 0.75em 1.0em;
+}
+
+.calendar {
+  margin-bottom: 1em;
+}
+
+.calendar,
+.datemenu-today-button,
+.datemenu-displays-box,
+.message-list-sections {
+  margin: 0 1.5em;
+}
+
+.datemenu-calendar-column { spacing: 0.5em; }
+.datemenu-displays-section { padding-bottom: 3em; }
+
+.datemenu-today-button,
+.world-clocks-button,
+.message-list-section-title {
+  border-radius: 4px;
+  padding: .4em;
+}
+
+.message-list-section-list:ltr {
+  padding-left: .4em;
+}
+
+.message-list-section-list:rtl {
+  padding-right: .4em;
+}
 
-  .calendar {
-    margin-bottom: 1em;
+.datemenu-today-button,
+.world-clocks-button,
+.message-list-section-title {
+  &:hover,&:focus { background-color: lighten($bg_color,5%); }
+  &:active {
+    color: lighten($selected_fg_color,5%);
+    background-color: $selected_bg_color;
   }
+}
 
-    .calendar,
-    .datemenu-today-button,
-    .datemenu-displays-box,
-    .message-list-sections {
-      margin: 0 1.5em;
-    }
+.datemenu-today-button .day-label {
+}
 
-    .datemenu-calendar-column { spacing: 0.5em; }
-    .datemenu-displays-section { padding-bottom: 3em; }
+.datemenu-today-button .date-label {
+  font-size: 1.5em;
+}
 
-    .datemenu-today-button,
-    .world-clocks-button,
-    .message-list-section-title {
-      border-radius: 4px;
-      padding: .4em;
-    }
+.world-clocks-header,
+.message-list-section-title {
+  color: darken($fg_color,40%);
+  font-weight: bold;
+}
 
-    .message-list-section-list:ltr {
-      padding-left: .4em;
-    }
+.world-clocks-grid {
+  spacing-rows: 0.4em;
+}
 
-    .message-list-section-list:rtl {
-      padding-right: .4em;
-    }
+.calendar-month-label {
+  color: darken($fg_color,5%);
+  font-weight: bold;
+  padding: 8px 0;
+  &:focus {}
+}
 
-    .datemenu-today-button,
-    .world-clocks-button,
-    .message-list-section-title {
-      &:hover,&:focus { background-color: lighten($bg_color,5%); }
-      &:active {
-        color: lighten($selected_fg_color,5%);
-        background-color: $selected_bg_color;
-      }
-    }
+.pager-button {
+  color: white;
+  background-color: transparent;
+  width: 32px;
+  border-radius: 4px;
+  &:hover, &:focus { background-color: transparentize($fg_color,0.95); }
+  &:active { background-color: transparentize($bg_color,0.95); }
+}
 
-    .datemenu-today-button .day-label {
-    }
+.calendar-change-month-back { //arrow back
+  background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-left.svg");
+  &:rtl { background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-right.svg"); }
+}
+.calendar-change-month-forward { //arrow foreward
+  background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-right.svg");
+  &:rtl { background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-left.svg"); }
+}
 
-    .datemenu-today-button .date-label {
-      font-size: 1.5em;
-    }
+.calendar-day-base {
+  font-size: 80%;
+  text-align: center;
+  width: 2.4em; height: 2.4em;
+  padding: 0.1em;
+  margin: 2px;
+  border-radius: 1.4em;
+  &:hover,&:focus { background-color: lighten($bg_color,5%); }
+  &:active {
+    color: lighten($selected_fg_color,5%);
+    background-color: $selected_bg_color;
+    border-color: transparent; //avoid jumparound due to today
+  }
+  &.calendar-day-heading {  //day of week heading
+    color: darken($fg_color,40%);
+    margin-top: 1em;
+    font-size: 70%;
+  }
+}
 
-    .world-clocks-header,
-    .message-list-section-title {
-      color: darken($fg_color,40%);
-      font-weight: bold;
-    }
+.calendar-day { //border collapse hack - see calendar.js
+  border-width: 0;
+}
+.calendar-day-top { border-top-width: 1px; }
+.calendar-day-left { border-left-width: 1px; }
+.calendar-work-day { }
+.calendar-nonwork-day {
+  color: $insensitive_fg_color;
+}
+.calendar-today {
+  font-weight: bold;
+  //color: lighten($fg_color,10%);
+  //background-color: darken($bg_color,5%);
+  border: 1px solid transparentize($borders_color,0.5);
+}
+.calendar-day-with-events {
+  color: darken($fg_color,5%);
+  font-weight: bold;
+}
+.calendar-other-month-day {
+  color: transparentize($fg_color,0.85);
+  opacity: 0.5;
+}
 
-    .world-clocks-grid {
-      spacing-rows: 0.4em;
-    }
+/* Message list */
+.message-list {
+  width: 420px;
+}
 
-    .calendar-month-label {
-      color: darken($fg_color,5%);
-      font-weight: bold;
-      padding: 8px 0;
-      &:focus {}
-    }
+.message-list-sections {
+  spacing: 1.5em;
+}
 
-    .pager-button {
-      color: white;
-      background-color: transparent;
-      width: 32px;
-      border-radius: 4px;
-      &:hover, &:focus { background-color: transparentize($fg_color,0.95); }
-      &:active { background-color: transparentize($bg_color,0.95); }
-    }
+.message-list-section,
+.message-list-section-list {
+  spacing: 0.7em;
+}
 
-      .calendar-change-month-back { //arrow back
-        background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-left.svg");
-        &:rtl { background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-right.svg"); }
-      }
-      .calendar-change-month-forward { //arrow foreward
-        background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-right.svg");
-        &:rtl { background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-left.svg"); }
-      }
-
-    .calendar-day-base {
-      font-size: 80%;
-      text-align: center;
-      width: 2.4em; height: 2.4em;
-      padding: 0.1em;
-      margin: 2px;
-      border-radius: 1.4em;
-      &:hover,&:focus { background-color: lighten($bg_color,5%); }
-      &:active {
-        color: lighten($selected_fg_color,5%);
-        background-color: $selected_bg_color;
-        border-color: transparent; //avoid jumparound due to today
-      }
-      &.calendar-day-heading {  //day of week heading
-        color: darken($fg_color,40%);
-        margin-top: 1em;
-        font-size: 70%;
-      }
-    }
-      .calendar-day { //border collapse hack - see calendar.js
-        border-width: 0;
-      }
-      .calendar-day-top { border-top-width: 1px; }
-      .calendar-day-left { border-left-width: 1px; }
-      .calendar-work-day {
-
-      }
-      .calendar-nonwork-day {
-        color: $insensitive_fg_color;
-      }
-      .calendar-today {
-        font-weight: bold;
-        //color: lighten($fg_color,10%);
-        //background-color: darken($bg_color,5%);
-        border: 1px solid transparentize($borders_color,0.5);
-      }
-      .calendar-day-with-events {
-        color: darken($fg_color,5%);
-        font-weight: bold;
-      }
-      .calendar-other-month-day {
-        color: transparentize($fg_color,0.85);
-        opacity: 0.5;
-      }
-
-      /* Message list */
-      .message-list {
-        width: 420px;
-      }
-
-        .message-list-sections {
-          spacing: 1.5em;
-        }
-
-        .message-list-section,
-        .message-list-section-list {
-          spacing: 0.7em;
-        }
-
-        .message-list-section-title-box {
-          spacing: 0.4em;
-        }
-
-        .message-list-section-close > StIcon {
-          icon-size: 16px;
-          border-radius: 8px;
-          color: $bg_color;
-          background-color: darken($fg_color,60%);
-        }
-
-        /* FIXME: how do you do this in sass? */
-        .message-list-section-close:hover > StIcon,
-        .message-list-section-close:focus > StIcon {
-          background-color: darken($fg_color,40%);
-        }
-
-        .message {
-          background-color: lighten($bg_color,5%);
-          &:hover,&:focus { background-color: lighten($bg_color,15%); }
-          border-radius: 3px;
-        }
-
-          .message-icon-bin {
-            padding: 8px 0px 8px 8px;
-            &:rtl { padding: 8px 8px 8px 0px; }
-          }
-
-          .message-icon-bin > StIcon {
-            icon-size: 48px;
-          }
-
-          .message-secondary-bin {
-            color: darken($fg_color,40%);
-          }
-
-          .message-secondary-bin > StIcon {
-            icon-size: 16px;
-          }
-
-          .message-title {
-            font-weight: bold;
-          }
-
-          .message-content {
-            padding: 8px;
-          }
+.message-list-section-title-box {
+  spacing: 0.4em;
+}
 
+.message-list-section-close > StIcon {
+  icon-size: 16px;
+  border-radius: 8px;
+  color: $bg_color;
+  background-color: darken($fg_color,60%);
+}
 
-  // a little unstructured mess:
+/* FIXME: how do you do this in sass? */
+.message-list-section-close:hover > StIcon,
+.message-list-section-close:focus > StIcon {
+  background-color: darken($fg_color,40%);
+}
 
-  .system-switch-user-submenu-icon {
-    icon-size: 24px;
-    border: 1px solid transparentize($fg_color,0.6);
-  }
+.message {
+  background-color: lighten($bg_color,5%);
+  &:hover,&:focus { background-color: lighten($bg_color,15%); }
+  border-radius: 3px;
+}
 
-  #appMenu {
-    spinner-image: url("resource:///org/gnome/shell/theme/process-working.svg");
-    spacing: 4px;
+.message-icon-bin {
+  padding: 8px 0px 8px 8px;
+  &:rtl { padding: 8px 8px 8px 0px; }
+}
 
-    .label-shadow { color: transparent; }
-  }
+.message-icon-bin > StIcon {
+  icon-size: 48px;
+}
 
-  .aggregate-menu {
-    width: 360px;
-    .popup-menu-icon { padding: 0 4px; }
-  }
+.message-secondary-bin {
+  color: darken($fg_color,40%);
+}
+
+.message-secondary-bin > StIcon {
+  icon-size: 16px;
+}
+
+.message-title {
+  font-weight: bold;
+}
+
+.message-content {
+  padding: 8px;
+}
 
-  .system-menu-action {
-    color: $fg_color;
-    border-radius: 32px; /* wish we could do 50% */
-    padding: 13px;
-    border: 1px solid lighten($borders_color,5%);
-
-    &:hover, &:focus {
-      color: $selected_fg_color;
-      background-color: $selected_bg_color;
-      border: none;
-      padding: 14px;
-    }
-    &:active { background-color: darken($selected_bg_color,5%); color: $selected_fg_color; }
 
-    & > StIcon { icon-size: 16px; }
+  // a little unstructured mess:
+
+.system-switch-user-submenu-icon {
+  icon-size: 24px;
+  border: 1px solid transparentize($fg_color,0.6);
+}
+
+#appMenu {
+  spinner-image: url("resource:///org/gnome/shell/theme/process-working.svg");
+  spacing: 4px;
+  .label-shadow { color: transparent; }
+}
+
+.aggregate-menu {
+  width: 360px;
+  .popup-menu-icon { padding: 0 4px; }
+}
+
+.system-menu-action {
+  color: $fg_color;
+  border-radius: 32px; /* wish we could do 50% */
+  padding: 13px;
+  border: 1px solid lighten($borders_color,5%);
+  &:hover, &:focus {
+    color: $selected_fg_color;
+    background-color: $selected_bg_color;
+    border: none;
+    padding: 14px;
   }
+  &:active { background-color: darken($selected_bg_color,5%); color: $selected_fg_color; }
+  & > StIcon { icon-size: 16px; }
+}
 
 //Activities Ripples
 .ripple-box {
-    width: 52px;
-    height: 52px;
-    background-image: url("resource:///org/gnome/shell/theme/corner-ripple-ltr.png");
-    background-size: contain;
+  width: 52px;
+  height: 52px;
+  background-image: url("resource:///org/gnome/shell/theme/corner-ripple-ltr.png");
+  background-size: contain;
 }
 
 .ripple-box:rtl {
-    background-image: url("resource:///org/gnome/shell/theme/corner-ripple-rtl.png");
+  background-image: url("resource:///org/gnome/shell/theme/corner-ripple-rtl.png");
 }
 
 // not really top bar only
@@ -961,85 +955,84 @@ StScrollBar {
   height: 32px;
   width: 32px;
 }
-  .window-close {
-    -shell-close-overlap: 16px;
-    &:rtl { -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); }
-  }
-  .notification-close {
-    -shell-close-overlap-x: 14px;
-    -shell-close-overlap-y: -12px;
-
-    &:rtl { -shell-close-overlap-x: -14px; }
-  }
+.window-close {
+  -shell-close-overlap: 16px;
+  &:rtl { -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); }
+}
+.notification-close {
+  -shell-close-overlap-x: 14px;
+  -shell-close-overlap-y: -12px;
+  &:rtl { -shell-close-overlap-x: -14px; }
+}
 
 /* NETWORK DIALOGS */
 
 .nm-dialog {
-    max-height: 500px;
-    min-height: 450px;
-    min-width: 470px;
+  max-height: 500px;
+  min-height: 450px;
+  min-width: 470px;
 }
 
-  .nm-dialog-content {
-      spacing: 20px;
-  }
+.nm-dialog-content {
+  spacing: 20px;
+}
 
-  .nm-dialog-header-hbox {
-      spacing: 10px;
-  }
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
 
-  .nm-dialog-airplane-box {
-      spacing: 12px;
-  }
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
 
-  .nm-dialog-airplane-headline {
-      font-weight: bold;
-      text-align: center;
-  }
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
 
-  .nm-dialog-airplane-text {
-      color: $fg_color;
-  }
+.nm-dialog-airplane-text {
+  color: $fg_color;
+}
 
-  .nm-dialog-header-icon {
-      icon-size: 32px;
-  }
+.nm-dialog-header-icon {
+  icon-size: 32px;
+}
 
-  .nm-dialog-scroll-view {
-      border: 2px solid $borders_color;
-  }
+.nm-dialog-scroll-view {
+  border: 2px solid $borders_color;
+}
 
-  .nm-dialog-header {
-      font-weight: bold;
-  }
+.nm-dialog-header {
+  font-weight: bold;
+}
 
-  .nm-dialog-item {
-      font-size: 110%;
-      border-bottom: 1px solid $borders_color;
-      padding: 12px;
-      spacing: 20px;
-  }
+.nm-dialog-item {
+  font-size: 110%;
+  border-bottom: 1px solid $borders_color;
+  padding: 12px;
+  spacing: 20px;
+}
 
-  .nm-dialog-item:selected {
-      background-color: $selected_bg_color;
-      color: $selected_fg_color;
-  }
+.nm-dialog-item:selected {
+  background-color: $selected_bg_color;
+  color: $selected_fg_color;
+}
 
-  .nm-dialog-icons {
-      spacing: .5em;
-  }
+.nm-dialog-icons {
+  spacing: .5em;
+}
 
-  .nm-dialog-icon {
-      icon-size: 16px;
-  }
+.nm-dialog-icon {
+  icon-size: 16px;
+}
 
-  .no-networks-label {
-      color: #999999;
-  }
+.no-networks-label {
+  color: #999999;
+}
 
-  .no-networks-box {
-      spacing: 12px;
-  }
+.no-networks-box {
+  spacing: 12px;
+}
 
 /* OVERVIEW */
 
@@ -1051,273 +1044,266 @@ StScrollBar {
   padding-bottom: 32px;
 }
 
-  .window-picker { //container around window thumbnails
-    -horizontal-spacing: 32px;
-    -vertical-spacing: 32px;
-    padding-left: 32px;
-    padding-right: 32px;
-    padding-bottom: 48px;
-
-    &.external-monitor { padding: 32px; }
-  }
-
-  .window-clone-border {
-    border: 4px solid $selected_bg_color;
-    border-radius: 4px;
-    // For window decorations with round corners we can't match
-    // the exact shape when the window is scaled. So apply a shadow
-    // to fix that case
-    box-shadow: inset 0px 0px 0px 1px $selected_bg_color;
-  }
-  .window-caption {
-    spacing: 25px;
-    color: $osd_fg_color;
-    background-color: transparentize($osd_bg_color,0.3);
-    border-radius: 8px;
-    padding: 4px 12px;
-    -shell-caption-spacing: 12px;
-    &:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
-  }
-
-  //search entry
-  .search-entry {
-    width: 320px;
-    padding: 7px 9px;
-    border-radius: 6px;
-    &:focus {
-      padding: 6px 8px;
-      border-width: 2px;
-    }
-
-    .search-entry-icon { icon-size: 1em; padding: 0 4px; color: transparentize($fg_color,.3); }
-
-    &:hover, &:focus {
-      .search-entry-icon { color: $fg_color; }
-    }
-  }
+.window-picker { //container around window thumbnails
+  -horizontal-spacing: 32px;
+  -vertical-spacing: 32px;
+  padding-left: 32px;
+  padding-right: 32px;
+  padding-bottom: 48px;
+  &.external-monitor { padding: 32px; }
+}
 
-  //search results
+.window-clone-border {
+  border: 4px solid $selected_bg_color;
+  border-radius: 4px;
+  // For window decorations with round corners we can't match
+  // the exact shape when the window is scaled. So apply a shadow
+  // to fix that case
+  box-shadow: inset 0px 0px 0px 1px $selected_bg_color;
+}
+.window-caption {
+  spacing: 25px;
+  color: $osd_fg_color;
+  background-color: transparentize($osd_bg_color,0.3);
+  border-radius: 8px;
+  padding: 4px 12px;
+  -shell-caption-spacing: 12px;
+  &:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
+}
 
-  #searchResultsBin {
-    max-width: 1000px;
+//search entry
+.search-entry {
+  width: 320px;
+  padding: 7px 9px;
+  border-radius: 6px;
+  &:focus {
+    padding: 6px 8px;
+    border-width: 2px;
   }
 
-  #searchResultsContent {
-      padding-left: 20px;
-      padding-right: 20px;
-      spacing: 16px;
+  .search-entry-icon { icon-size: 1em; padding: 0 4px; color: transparentize($fg_color,.3); }
+  &:hover, &:focus {
+    .search-entry-icon { color: $fg_color; }
   }
+}
 
-  .search-section { spacing: 16px; } // This should be equal to #searchResultsContent spacing
-  .search-section-content { spacing: 32px; } // This is the space between the provider icon and the results container
-  .search-statustext { // "no results"
-    @extend %status_text;
-  }
-  .list-search-results { spacing: 3px; }
-
-  .search-section-separator {
-    -gradient-height: 1px;
-    -gradient-start: rgba(255,255,255,0);
-    -gradient-end: rgba(255,255,255,0.1);
-    -margin-horizontal: 1.5em;
-    height: 1px;
-  }
+//search results
 
-  .list-search-result-content { spacing: 12px; padding: 12px; }
-  .list-search-result-title { font-size: 1.5em; color: darken($osd_fg_color,5%); }
-  .list-search-result-description { color: darken($osd_fg_color,15%); }
-  .search-provider-icon { padding: 15px; }
-  .search-provider-icon-more {
-    width: 16px;
-    height: 16px;
-    background-image: url("resource:///org/gnome/shell/theme/more-results.svg");
-  }
+#searchResultsBin {
+  max-width: 1000px;
+}
 
+#searchResultsContent {
+  padding-left: 20px;
+  padding-right: 20px;
+  spacing: 16px;
+}
 
-  /* DASHBOARD */
+.search-section { spacing: 16px; } // This should be equal to #searchResultsContent spacing
+.search-section-content { spacing: 32px; } // This is the space between the provider icon and the results container
+.search-statustext { // "no results"
+  @extend %status_text;
+}
+.list-search-results { spacing: 3px; }
+
+.search-section-separator {
+  -gradient-height: 1px;
+  -gradient-start: rgba(255,255,255,0);
+  -gradient-end: rgba(255,255,255,0.1);
+  -margin-horizontal: 1.5em;
+  height: 1px;
+}
 
-  #dash {
-    font-size: 9pt;
-    color: $_bubble_fg_color;
-    background-color: $_bubble_bg_color;
-    padding: 4px 0;
-    border: 1px solid rgba(128, 128, 128, 0.4);
-    border-left: 0px;
-    border-radius: 0px 9px 9px 0px;
-
-    &:rtl {
-      border-radius: 9px 0 0 9px;
-    }
+.list-search-result-content { spacing: 12px; padding: 12px; }
+.list-search-result-title { font-size: 1.5em; color: darken($osd_fg_color,5%); }
+.list-search-result-description { color: darken($osd_fg_color,15%); }
+.search-provider-icon { padding: 15px; }
+.search-provider-icon-more {
+  width: 16px;
+  height: 16px;
+  background-image: url("resource:///org/gnome/shell/theme/more-results.svg");
+}
 
-    .placeholder {
-      background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
-      background-size: contain;
-      height: 24px;
-    }
 
-    .empty-dash-drop-target {
-      width: 24px;
-      height: 24px;
-    }
+/* DASHBOARD */
 
+#dash {
+  font-size: 9pt;
+  color: $_bubble_fg_color;
+  background-color: $_bubble_bg_color;
+  padding: 4px 0;
+  border: 1px solid rgba(128, 128, 128, 0.4);
+  border-left: 0px;
+  border-radius: 0px 9px 9px 0px;
+  &:rtl {
+    border-radius: 9px 0 0 9px;
   }
 
-  .dash-item-container > StWidget {
-    padding: 4px 8px;
+  .placeholder {
+    background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
+    background-size: contain;
+    height: 24px;
   }
 
-  .dash-label { //osd tooltip
-    border-radius: 7px;
-    padding: 4px 12px;
-    color: $osd_fg_color;
-    background-color: transparentize($osd_bg_color,0.3);
-    text-align: center;
-    -x-offset: 8px;
+  .empty-dash-drop-target {
+    width: 24px;
+    height: 24px;
   }
+}
 
-  /* App Vault/Grid */
-  .icon-grid {
-    spacing: 30px;
-    -shell-grid-horizontal-item-size: 136px;
-    -shell-grid-vertical-item-size: 136px;
+.dash-item-container > StWidget {
+  padding: 4px 8px;
+}
 
-    .overview-icon { icon-size: 96px; }
-  }
-  //.app-display { spacing: 20px; }
+.dash-label { //osd tooltip
+  border-radius: 7px;
+  padding: 4px 12px;
+  color: $osd_fg_color;
+  background-color: transparentize($osd_bg_color,0.3);
+  text-align: center;
+  -x-offset: 8px;
+}
 
-  .app-view-controls { //favorties | all toggle container
-    padding-bottom: 32px;
-  }
-  .app-view-control { //favorties | all toggle button
-    padding: 4px 32px;
-    &:checked { @include button(active); }
-    &:first-child {
-      border-right-width: 0;
-      border-radius: 3px 0 0 3px;
-    }
-    &:last-child {
-     border-radius: 0 3px 3px 0;
-    }
-  }
+/* App Vault/Grid */
+.icon-grid {
+  spacing: 30px;
+  -shell-grid-horizontal-item-size: 136px;
+  -shell-grid-vertical-item-size: 136px;
+  .overview-icon { icon-size: 96px; }
+}
+//.app-display { spacing: 20px; }
 
-  //Icon tile
-  .search-provider-icon,
-  .list-search-result {
-    @extend %icon_tile;
-    &:active, &:checked { background-color: transparentize(darken($osd_bg_color,10%),.1); }
-    &:focus, &:selected, &:hover {
-      background-color: transparentize($osd_fg_color,.9);
-      transition-duration: 200ms;
-    }
+.app-view-controls { //favorties | all toggle container
+  padding-bottom: 32px;
+}
+.app-view-control { //favorties | all toggle button
+  padding: 4px 32px;
+  &:checked { @include button(active); }
+  &:first-child {
+    border-right-width: 0;
+    border-radius: 3px 0 0 3px;
   }
-  .app-well-app,
-  .app-well-app.app-folder,
-  .show-apps,
-  .grid-search-result {
-    & .overview-icon {
-      @extend %icon_tile;
-    }
-    &:active .overview-icon,
-    &:checked .overview-icon {
-      background-color: transparentize(darken($osd_bg_color,10%),.1);
-      box-shadow: inset 0 1px 2px $osd_borders_color;
-    }
-    &:hover .overview-icon,
-    &:focus .overview-icon,
-    &:selected .overview-icon {
-      background-color: transparentize($osd_fg_color,.9);
-      transition-duration: 0ms;
-      border-image: none;
-      background-image: none;
-    }
-
+  &:last-child {
+    border-radius: 0 3px 3px 0;
   }
+}
 
-  .app-well-app-running-dot { //running apps indicator
-    width: 10px; height: 3px;
-    background-color: $selected_bg_color;
-    margin-bottom: 2px;
+//Icon tile
+.search-provider-icon,
+.list-search-result {
+  @extend %icon_tile;
+  &:active, &:checked { background-color: transparentize(darken($osd_bg_color,10%),.1); }
+  &:focus, &:selected, &:hover {
+    background-color: transparentize($osd_fg_color,.9);
+    transition-duration: 200ms;
   }
+}
 
-  %icon_tile {
-    color: $osd_fg_color;
-    border-radius: 4px;
-    padding: 6px;
-    border: 1px solid transparent;
-    transition-duration: 100ms;
-    text-align: center;
+.app-well-app,
+.app-well-app.app-folder,
+.show-apps,
+.grid-search-result {
+  & .overview-icon {
+    @extend %icon_tile;
   }
-
-  .app-well-app.app-folder > .overview-icon {
-    background-color: transparentize($osd_bg_color,.6);
+  &:active .overview-icon,
+  &:checked .overview-icon {
+    background-color: transparentize(darken($osd_bg_color,10%),.1);
+    box-shadow: inset 0 1px 2px $osd_borders_color;
   }
-
-  .show-apps:checked .show-apps-icon,
-  .show-apps:focus .show-apps-icon {
-    color: white;
-    transition-duration: 100ms;
+  &:hover .overview-icon,
+  &:focus .overview-icon,
+  &:selected .overview-icon {
+    background-color: transparentize($osd_fg_color,.9);
+    transition-duration: 0ms;
+    border-image: none;
+    background-image: none;
   }
+}
 
+.app-well-app-running-dot { //running apps indicator
+  width: 10px; height: 3px;
+  background-color: $selected_bg_color;
+  margin-bottom: 2px;
+}
 
-  // Collections
-  .app-folder-popup { //expanded collection
-    -arrow-border-radius: 8px;
-    -arrow-background-color: transparentize($osd_bg_color,0.7);
-    -arrow-base: 24px;
-    -arrow-rise: 11px;
-  }
-  .app-folder-popup-bin { padding: 5px; }
-  .app-folder-icon {
-    padding: 5px;
-    spacing-rows: 5px;
-    spacing-columns: 5px;
-  }
+%icon_tile {
+  color: $osd_fg_color;
+  border-radius: 4px;
+  padding: 6px;
+  border: 1px solid transparent;
+  transition-duration: 100ms;
+  text-align: center;
+}
 
-  .page-indicator {
-    padding: 15px 20px;
+.app-well-app.app-folder > .overview-icon {
+  background-color: transparentize($osd_bg_color,.6);
+}
 
-    .page-indicator-icon {
-      width: 18px;
-      height: 18px;
-      background-image: url(resource:///org/gnome/shell/theme/page-indicator-inactive.svg);
-    }
+.show-apps:checked .show-apps-icon,
+.show-apps:focus .show-apps-icon {
+  color: white;
+  transition-duration: 100ms;
+}
 
-    &:hover .page-indicator-icon { background-image: url(resource:///org/gnome/shell/theme/page-indicator-hover.svg); }
-    &:active .page-indicator-icon { background-image: url(resource:///org/gnome/shell/theme/page-indicator-active.svg); }
-    &:checked .page-indicator-icon,
-    &:checked:active { background-image: url(resource:///org/gnome/shell/theme/page-indicator-checked.svg); }
-  }
 
-  .no-frequent-applications-label { @extend %status_text; }
+// Collections
+.app-folder-popup { //expanded collection
+  -arrow-border-radius: 8px;
+  -arrow-background-color: transparentize($osd_bg_color,0.7);
+  -arrow-base: 24px;
+  -arrow-rise: 11px;
+}
+.app-folder-popup-bin { padding: 5px; }
+.app-folder-icon {
+  padding: 5px;
+  spacing-rows: 5px;
+  spacing-columns: 5px;
+}
 
-  .app-well-app > .overview-icon.overview-icon-with-label,
-  .grid-search-result .overview-icon.overview-icon-with-label {
-    padding: 10px 8px 5px 8px;
-    spacing: 4px;
-  }
+.page-indicator {
+  padding: 15px 20px;
 
-  // Workspace pager
-  .workspace-thumbnails { //container ala dash
-    @extend %overview-panel;
-    visible-width: 32px; //amount visible before hover
-    spacing: 11px;
-    padding: 8px;
-    border-radius: 9px 0 0 9px;
-    //border-width: 1px 0 1px 1px; //fixme: can't have non unoform borders :(
-    &:rtl { border-radius: 0 9px 9px 0;}
-  }
-  .workspace-thumbnail-indicator {
-    border: 4px solid $selected_bg_color;
-    padding: 1px;
+  .page-indicator-icon {
+    width: 18px;
+    height: 18px;
+    background-image: url(resource:///org/gnome/shell/theme/page-indicator-inactive.svg);
   }
+  &:hover .page-indicator-icon { background-image: url(resource:///org/gnome/shell/theme/page-indicator-hover.svg); }
+  &:active .page-indicator-icon { background-image: url(resource:///org/gnome/shell/theme/page-indicator-active.svg); }
+  &:checked .page-indicator-icon,
+  &:checked:active { background-image: url(resource:///org/gnome/shell/theme/page-indicator-checked.svg); }
+}
 
-  //Some hacks I don't even
-  .search-display > StBoxLayout,
-  .all-apps,
-  .frequent-apps > StBoxLayout {
-    // horizontal padding to make sure scrollbars or dash don't overlap content
-    padding: 0px 88px 10px 88px;
-  }
+.no-frequent-applications-label { @extend %status_text; }
+.app-well-app > .overview-icon.overview-icon-with-label,
+.grid-search-result .overview-icon.overview-icon-with-label {
+  padding: 10px 8px 5px 8px;
+  spacing: 4px;
+}
+
+// Workspace pager
+.workspace-thumbnails { //container ala dash
+  @extend %overview-panel;
+  visible-width: 32px; //amount visible before hover
+  spacing: 11px;
+  padding: 8px;
+  border-radius: 9px 0 0 9px;
+  //border-width: 1px 0 1px 1px; //fixme: can't have non unoform borders :(
+  &:rtl { border-radius: 0 9px 9px 0;}
+}
+.workspace-thumbnail-indicator {
+  border: 4px solid $selected_bg_color;
+  padding: 1px;
+}
+
+//Some hacks I don't even
+.search-display > StBoxLayout,
+.all-apps,
+.frequent-apps > StBoxLayout {
+  // horizontal padding to make sure scrollbars or dash don't overlap content
+  padding: 0px 88px 10px 88px;
+}
 
 %overview-panel {
   color: $_bubble_fg_color;
@@ -1333,164 +1319,163 @@ StScrollBar {
 
 /* NOTIFICATIONS & MESSAGE TRAY */
 
-  .url-highlighter { link-color: $selected_bg_color; }
+.url-highlighter { link-color: $selected_bg_color; }
 
-  // Banners
-  .notification-banner {
-    font-size: 11pt;
-    width: 34em;
-    margin: 5px;
-    border-radius: 6px;
-    color: $_bubble_fg_color;
-    background-color: $_bubble_bg_color;
-    border: 1px solid $borders_color;
-    //box-shadow: 0 1px 4px black;
-    &:hover { background-color: $_bubble_bg_color; }
-    &:focus { background-color: $_bubble_bg_color; }
-
-    .notification-icon { padding: 5px; }
-    .notification-content { padding: 5px; spacing: 5px; }
-    .secondary-icon { icon-size: 1.09em; }
-    .notification-actions {
-      background-color: $borders_color;
-      padding-top: 2px;
-      spacing: 1px;
-    }
-    .notification-button {
-      padding: 4px 4px 5px;
-      background-color: darken($_bubble_bg_color,5%);
-      &:first-child { border-radius: 0 0 0 6px; }
-      &:last-child { border-radius: 0 0 6px 0; }
-      &:hover, &focus { background-color: darken($_bubble_bg_color,2%); }
-    }
-  }
-  .notification {
-    font-size: 11pt;
-    width: 34em;
-    margin: 5px;
-    border-radius: 6px;
-    color: $_bubble_fg_color;
-    background-color: $_bubble_bg_color;
-    border: 1px solid $borders_color;
-    //box-shadow: 0 1px 4px black;
-    spacing-rows: 4px;
-    padding: 8px;
-    spacing-columns: 10px;
-  }
-  .notification-unexpanded {
-    // We want to force the actor at a specific size, irrespective
-    // of its minimum and preferred size, so we override both
-    min-height: 48px;
-    height: 48px;
-  }
-  // We use row-span = 2 for the image cell, which prevents its height preferences to be
-  // taken into account during allocation, so its height ends up being limited by the height
-  // of the content in the other rows. To avoid showing a stretched image, we set the minimum
-  // height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159
-  .notification-with-image {
-    min-height: 159px;
-  }
-  .notification-body { spacing: 5px; }
+// Banners
+.notification-banner {
+  font-size: 11pt;
+  width: 34em;
+  margin: 5px;
+  border-radius: 6px;
+  color: $_bubble_fg_color;
+  background-color: $_bubble_bg_color;
+  border: 1px solid $borders_color;
+  //box-shadow: 0 1px 4px black;
+  &:hover { background-color: $_bubble_bg_color; }
+  &:focus { background-color: $_bubble_bg_color; }
+  .notification-icon { padding: 5px; }
+  .notification-content { padding: 5px; spacing: 5px; }
+  .secondary-icon { icon-size: 1.09em; }
   .notification-actions {
-    paddinf-top: 18px;
-    spacing: 6px;
-  }
-  .summary-source-counter {
-    font-size: 10pt;
-    font-weight: bold;
-    height: 1.6em; width: 1.6em;
-    -shell-counter-overlap-x: 3px;
-    -shell-counter-overlap-y: 3px;
-    background-color: $selected_bg_color;
-    color: $selected_fg_color;
-    border: 2px solid $osd_fg_color;
-    box-shadow: 0 2px 2px rgba(0,0,0,0.5);
-    border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%;
-  }
-
-  .notification-scrollview {
-    max-height: 18em;
-    -st-vfade-offset: 24px;
-    &:ltr > StScrollBar { padding-left: 6px; }
-    &:rtl > StScrollBar { padding-right: 6px; }
+    background-color: $borders_color;
+    padding-top: 2px;
+    spacing: 1px;
   }
   .notification-button {
-    //-st-natural-width: 140px;
-    height: 24px;
-  }
-  .notification-icon-button {
-    border-radius: 5px;
-    padding: 5px;
-    height: 24px; width: 24px;
-    &:focus { }
-    & > StIcon { icons-size: 16px; width: 16px; height: 16px; padding: 2px; }
+    padding: 4px 4px 5px;
+    background-color: darken($_bubble_bg_color,5%);
+    &:first-child { border-radius: 0 0 0 6px; }
+    &:last-child { border-radius: 0 0 6px 0; }
+    &:hover, &focus { background-color: darken($_bubble_bg_color,2%); }
   }
-  .secondary-icon { icon-size: 1.09em; }
+}
+.notification {
+  font-size: 11pt;
+  width: 34em;
+  margin: 5px;
+  border-radius: 6px;
+  color: $_bubble_fg_color;
+  background-color: $_bubble_bg_color;
+  border: 1px solid $borders_color;
+  //box-shadow: 0 1px 4px black;
+  spacing-rows: 4px;
+  padding: 8px;
+  spacing-columns: 10px;
+}
+.notification-unexpanded {
+  // We want to force the actor at a specific size, irrespective
+  // of its minimum and preferred size, so we override both
+  min-height: 48px;
+  height: 48px;
+}
+// We use row-span = 2 for the image cell, which prevents its height preferences to be
+// taken into account during allocation, so its height ends up being limited by the height
+// of the content in the other rows. To avoid showing a stretched image, we set the minimum
+// height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159
+.notification-with-image {
+  min-height: 159px;
+}
+.notification-body { spacing: 5px; }
+.notification-actions {
+  paddinf-top: 18px;
+  spacing: 6px;
+}
+.summary-source-counter {
+  font-size: 10pt;
+  font-weight: bold;
+  height: 1.6em; width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: $selected_bg_color;
+  color: $selected_fg_color;
+  border: 2px solid $osd_fg_color;
+  box-shadow: 0 2px 2px rgba(0,0,0,0.5);
+  border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%;
+}
 
-  //chat bubbles
-  .chat-log-message { color: darken($fg_color,10%); }
-  .chat-empty-line { font-size: 4px; }
-  .chat-received {
-    padding-left: 4px;
-    &:rtl { padding-left: 0px; padding-right: 4px; }
-  }
-  .chat-sent {
-    padding-left: 18pt;
-    color: darken($fg_color, 15%);
-    &:rtl { padding-left: 0; padding-right: 18pt; }
-  }
-  .chat-meta-message {
-    padding-left: 4px;
-    font-size: 9pt;
-    font-weight: bold;
-    color: darken($fg_color,20%);
-    &:rtl { padding-left: 0; padding-right: 4px; }
-  }
-  .chat-notification-scrollview { max-height: 22em; }
-  .subscription-message { font-style: italic; }
+.notification-scrollview {
+  max-height: 18em;
+  -st-vfade-offset: 24px;
+  &:ltr > StScrollBar { padding-left: 6px; }
+  &:rtl > StScrollBar { padding-right: 6px; }
+}
+.notification-button {
+  //-st-natural-width: 140px;
+  height: 24px;
+}
+.notification-icon-button {
+  border-radius: 5px;
+  padding: 5px;
+  height: 24px; width: 24px;
+  &:focus { }
+  & > StIcon { icons-size: 16px; width: 16px; height: 16px; padding: 2px; }
+}
+.secondary-icon { icon-size: 1.09em; }
+
+//chat bubbles
+.chat-log-message { color: darken($fg_color,10%); }
+.chat-empty-line { font-size: 4px; }
+.chat-received {
+  padding-left: 4px;
+  &:rtl { padding-left: 0px; padding-right: 4px; }
+}
+.chat-sent {
+  padding-left: 18pt;
+  color: darken($fg_color, 15%);
+  &:rtl { padding-left: 0; padding-right: 18pt; }
+}
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  font-weight: bold;
+  color: darken($fg_color,20%);
+  &:rtl { padding-left: 0; padding-right: 4px; }
+}
+.chat-notification-scrollview { max-height: 22em; }
+.subscription-message { font-style: italic; }
 
-  //hotplug
-  .hotplug-transient-box {
-    spacing: 6px;
-    padding: 2px 72px 2px 12px;
-  }
-    .hotplug-notification-item {
-      padding: 2px 10px;
-      &:focus { padding: 1px 71px 1px 11px; }
-    }
+//hotplug
+.hotplug-transient-box {
+  spacing: 6px;
+  padding: 2px 72px 2px 12px;
+}
+.hotplug-notification-item {
+  padding: 2px 10px;
+  &:focus { padding: 1px 71px 1px 11px; }
+}
 
-    .hotplug-notification-item-icon {
-      icon-size: 24px;
-      padding: 2px 5px;
-    }
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 2px 5px;
+}
 
-    .hotplug-resident-box { spacing: 8px; }
+.hotplug-resident-box { spacing: 8px; }
 
-    .hotplug-resident-mount {
-      spacing: 8px;
-      border-radius: 4px;
-      &:hover { background-color: transparentize($bg_color,0.7); }
-    }
+.hotplug-resident-mount {
+  spacing: 8px;
+  border-radius: 4px;
+  &:hover { background-color: transparentize($bg_color,0.7); }
+}
 
-    .hotplug-resident-mount-label {
-      color: inherit;
-      padding-left: 6px;
-    }
+.hotplug-resident-mount-label {
+  color: inherit;
+  padding-left: 6px;
+}
 
-    .hotplug-resident-mount-icon {
-      icon-size: 24px;
-      padding-left: 6px;
-    }
+.hotplug-resident-mount-icon {
+  icon-size: 24px;
+  padding-left: 6px;
+}
 
-    .hotplug-resident-eject-icon {
-      icon-size: 16px;
-    }
+.hotplug-resident-eject-icon {
+  icon-size: 16px;
+}
 
-    .hotplug-resident-eject-button {
-      padding: 7px;
-      border-radius: 5px;
-      color: pink;
-    }
+.hotplug-resident-eject-button {
+  padding: 7px;
+  border-radius: 5px;
+  color: pink;
+}
 
 /* Eeeky things */
 
@@ -1525,48 +1510,48 @@ $legacy_icon_size: 24px;
 /* On-screen Keyboard */
 
 #keyboard {
-    background-color: transparentize($osd_bg_color, 0.3);
+  background-color: transparentize($osd_bg_color, 0.3);
 }
 
-  .keyboard-layout {
-      spacing: 10px;
-      padding: 10px;
-  }
+.keyboard-layout {
+  spacing: 10px;
+  padding: 10px;
+}
 
-  .keyboard-row {
-      spacing: 15px;
-  }
+.keyboard-row {
+  spacing: 15px;
+}
 
-  .keyboard-key {
-    @include button(normal);
-    min-height: 2em;
-    min-width: 2em;
-    font-size: 14pt;
-    font-weight: bold;
-    border-radius: 5px;
-    border: 1px solid $borders-color;
-    color: white;
-    &:focus { @include button(focus); }
-    &:hover,&:checked { @include button(hover); }
-    &:active { @include button(active);}
-    &:grayed { //FIXME
-      background-color: $osd_bg_color;
-      color: $osd_fg_color;
-      border-color: $osd_borders_color;
-    }
+.keyboard-key {
+  @include button(normal);
+  min-height: 2em;
+  min-width: 2em;
+  font-size: 14pt;
+  font-weight: bold;
+  border-radius: 5px;
+  border: 1px solid $borders-color;
+  color: white;
+  &:focus { @include button(focus); }
+  &:hover,&:checked { @include button(hover); }
+  &:active { @include button(active);}
+  &:grayed { //FIXME
+    background-color: $osd_bg_color;
+    color: $osd_fg_color;
+    border-color: $osd_borders_color;
   }
+}
 
-  .keyboard-subkeys { //long press on a key popup
-      color: white;
-      padding: 5px;
-      -arrow-border-radius: 10px;
-      -arrow-background-color: transparentize($osd_bg_color, 0.3);
-      -arrow-border-width: 2px;
-      -arrow-border-color: $_bubble_borders_color;
-      -arrow-base: 20px;
-      -arrow-rise: 10px;
-      -boxpointer-gap: 5px;
-  }
+.keyboard-subkeys { //long press on a key popup
+  color: white;
+  padding: 5px;
+  -arrow-border-radius: 10px;
+  -arrow-background-color: transparentize($osd_bg_color, 0.3);
+  -arrow-border-width: 2px;
+  -arrow-border-color: $_bubble_borders_color;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+}
 
 // IBus Candidate Popup
 
@@ -1575,30 +1560,30 @@ $legacy_icon_size: 24px;
   spacing: 0.3em;
 }
 
-  .candidate-index {
-    padding: 0 0.5em 0 0;
-    color: darken($fg_color,10%);
-  }
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: darken($fg_color,10%);
+}
 
-  .candidate-box {
-    padding: 0.3em 0.5em 0.3em 0.5em;
-    border-radius: 4px;
-    &:selected,&:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
-  }
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  border-radius: 4px;
+  &:selected,&:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
+}
 
-  .candidate-page-button-box {
-    height: 2em;
-    .vertical & { padding-top: 0.5em; }
-    .horizontal & { padding-left: 0.5em; }
-  }
-  
-  .candidate-page-button {
-    padding: 4px;
-  }
+.candidate-page-button-box {
+  height: 2em;
+  .vertical & { padding-top: 0.5em; }
+  .horizontal & { padding-left: 0.5em; }
+}
 
-  .candidate-page-button-previous { border-radius: 4px 0px 0px 4px; border-right-width: 0; }
-  .candidate-page-button-next { border-radius: 0px 4px 4px 0px;  }
-  .candidate-page-button-icon { icon-size: 1em; }
+.candidate-page-button {
+  padding: 4px;
+}
+
+.candidate-page-button-previous { border-radius: 4px 0px 0px 4px; border-right-width: 0; }
+.candidate-page-button-next { border-radius: 0px 4px 4px 0px;  }
+.candidate-page-button-icon { icon-size: 1em; }
 
 /* Auth Dialogs & Screen Shield */
 
@@ -1631,105 +1616,104 @@ $legacy_icon_size: 24px;
       &:hover,&:focus { @include button(hover,$c:$selected_bg_color); }
       &:active { @include button(active,$c:$selected_bg_color); }
       &:insensitive { @include button(insensitive); }
-
     }
   }
-
 }
 
-  .login-dialog-logo-bin { padding: 24px 0px; }
-  .login-dialog-banner { color: darken($osd_fg_color,10%); }
-  .login-dialog-button-box { spacing: 5px; }
-  .login-dialog-message-warning { color: $warning_color; }
-  .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; }
-  .login-dialog-user-selection-box {
-    padding: 100px 0px;
-    .login-dialog-not-listed-label {
-      padding-left: 2px;
-      .login-dialog-not-listed-button:focus &,
-      .login-dialog-not-listed-button:hover & {
-        color: $osd_fg_color;
-      }
-    }
-  }
+.login-dialog-logo-bin { padding: 24px 0px; }
+.login-dialog-banner { color: darken($osd_fg_color,10%); }
+.login-dialog-button-box { spacing: 5px; }
+.login-dialog-message-warning { color: $warning_color; }
+.login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; }
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
   .login-dialog-not-listed-label {
-    font-size: 90%;
-    font-weight: bold;
-    color: darken($osd_fg_color,30%);
-    padding-top: 1em;
-  }
-
-  .login-dialog-user-list-view { -st-vfade-offset: 1em; }
-  .login-dialog-user-list {
-    spacing: 12px;
-    padding: .2em;
-    width: 23em;
-    &:expanded .login-dialog-user-list-item:focus { background-color: $selected_bg_color; color: $selected_fg_color; }
-    &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; }
-  }
-  .login-dialog-user-list-item {
-    border-radius: 5px;
-    padding: .2em;
-    color: darken($osd_fg_color,30%);
-    &:ltr { padding-right: 1em; }
-    &:rtl { padding-left: 1em; }
-    &:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
-    .login-dialog-timed-login-indicator {
-      height: 2px;
-      margin: 2px 0 0 0;
-      background-color: $osd_fg_color;
+    padding-left: 2px;
+    .login-dialog-not-listed-button:focus &,
+    .login-dialog-not-listed-button:hover & {
+      color: $osd_fg_color;
     }
-    &:focus .login-dialog-timed-login-indicator { background-color: $selected_fg_color; }
   }
+}
 
-  .login-dialog-username,
-  .user-widget-label {
-    color: $osd_fg_color;
-    font-size: 120%;
-    font-weight: bold;
-    text-align: left;
-    padding-left: 15px;
-  }
-    .user-widget-label {
-      &:ltr { padding-left: 18px; }
-      &:rtl { padding-right: 18px; }
-    }
+.login-dialog-not-listed-label {
+  font-size: 90%;
+  font-weight: bold;
+  color: darken($osd_fg_color,30%);
+  padding-top: 1em;
+}
 
-  .login-dialog-prompt-layout {
-      padding-top: 24px;
-      padding-bottom: 12px;
-      spacing: 8px;
-      width: 23em;
-  }
+.login-dialog-user-list-view { -st-vfade-offset: 1em; }
+.login-dialog-user-list {
+  spacing: 12px;
+  padding: .2em;
+  width: 23em;
+  &:expanded .login-dialog-user-list-item:focus { background-color: $selected_bg_color; color: $selected_fg_color; }
+  &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; }
+}
+.login-dialog-user-list-item {
+  border-radius: 5px;
+  padding: .2em;
+  color: darken($osd_fg_color,30%);
+  &:ltr { padding-right: 1em; }
+  &:rtl { padding-left: 1em; }
+  &:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
+  .login-dialog-timed-login-indicator {
+    height: 2px;
+    margin: 2px 0 0 0;
+    background-color: $osd_fg_color;
+  }
+  &:focus .login-dialog-timed-login-indicator { background-color: $selected_fg_color; }
+}
 
-  .login-dialog-prompt-label {
-      color: darken($osd_fg_color, 20%);
-      font-size: 110%;
-      padding-top: 1em;
-  }
+.login-dialog-username,
+.user-widget-label {
+  color: $osd_fg_color;
+  font-size: 120%;
+  font-weight: bold;
+  text-align: left;
+  padding-left: 15px;
+}
+.user-widget-label {
+  &:ltr { padding-left: 18px; }
+  &:rtl { padding-right: 18px; }
+}
 
-  .login-dialog-session-list-button StIcon {
-      icon-size: 1.25em;
-  }
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 8px;
+  width: 23em;
+}
 
-  .login-dialog-session-list-button {
-      color: darken($osd_fg_color,30%);
-      &:hover,&:focus { color: $osd_fg_color; }
-      &:active { color: darken($osd_fg_color, 50%); }
-  }
+.login-dialog-prompt-label {
+  color: darken($osd_fg_color, 20%);
+  font-size: 110%;
+  padding-top: 1em;
+}
+
+.login-dialog-session-list-button StIcon {
+  icon-size: 1.25em;
+}
+
+.login-dialog-session-list-button {
+  color: darken($osd_fg_color,30%);
+  &:hover,&:focus { color: $osd_fg_color; }
+  &:active { color: darken($osd_fg_color, 50%); }
+}
 
 //SCREEN SHIELD
 
 .screen-shield-arrows {
-    padding-bottom: 3em;
+  padding-bottom: 3em;
 }
 
 .screen-shield-arrows Gjs_Arrow {
-    color: white;
-    width: 80px;
-    height: 48px;
-    -arrow-thickness: 12px;
-    -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4);
+  color: white;
+  width: 80px;
+  height: 48px;
+  -arrow-thickness: 12px;
+  -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4);
 }
 
 .screen-shield-clock {
@@ -1832,57 +1816,57 @@ $legacy_icon_size: 24px;
   StBoxLayout#ResultsArea { spacing: 4px; }
 }
 
-  .lg-dialog {
-    StEntry {
-      selection-background-color: #bbbbbb;
-      selected-color: #333333;
-    }
-    .shell-link {
-      color: #999999;
-      &:hover { color: #dddddd; }
-     }
+.lg-dialog {
+  StEntry {
+    selection-background-color: #bbbbbb;
+    selected-color: #333333;
   }
+  .shell-link {
+    color: #999999;
+    &:hover { color: #dddddd; }
+   }
+}
 
-  .lg-completions-text {
-      font-size: .9em;
-      font-style: italic;
-  }
+.lg-completions-text {
+  font-size: .9em;
+  font-style: italic;
+}
 
-  .lg-obj-inspector-title {
-      spacing: 4px;
-  }
+.lg-obj-inspector-title {
+  spacing: 4px;
+}
 
-  .lg-obj-inspector-button {
-      border: 1px solid gray;
-      padding: 4px;
-      border-radius: 4px;
-      &:hover { border: 1px solid #ffffff; }
-  }
+.lg-obj-inspector-button {
+  border: 1px solid gray;
+  padding: 4px;
+  border-radius: 4px;
+  &:hover { border: 1px solid #ffffff; }
+}
 
-  #lookingGlassExtensions { padding: 4px; }
+#lookingGlassExtensions { padding: 4px; }
 
-  .lg-extensions-list {
-      padding: 4px;
-      spacing: 6px;
-  }
+.lg-extensions-list {
+  padding: 4px;
+  spacing: 6px;
+}
 
-  .lg-extension {
-      border: 1px solid #6f6f6f;
-      border-radius: 4px;
-      padding: 4px;
-  }
+.lg-extension {
+  border: 1px solid #6f6f6f;
+  border-radius: 4px;
+  padding: 4px;
+}
 
-  .lg-extension-name {
-      font-weight: bold;
-  }
+.lg-extension-name {
+  font-weight: bold;
+}
 
-  .lg-extension-meta {
-      spacing: 6px;
-  }
+.lg-extension-meta {
+  spacing: 6px;
+}
 
-  #LookingGlassPropertyInspector {
-    background: rgba(0, 0, 0, 0.8);
-    border: 2px solid grey;
-    border-radius: 4px;
-    padding: 6px;
-  }
+#LookingGlassPropertyInspector {
+  background: rgba(0, 0, 0, 0.8);
+  border: 2px solid grey;
+  border-radius: 4px;
+  padding: 6px;
+}
