diff --git a/UI/Templates/SchedulerUI/UIxRecurrenceEditor.wox b/UI/Templates/SchedulerUI/UIxRecurrenceEditor.wox
index e7f6ebbf1..afe2830f8 100644
--- a/UI/Templates/SchedulerUI/UIxRecurrenceEditor.wox
+++ b/UI/Templates/SchedulerUI/UIxRecurrenceEditor.wox
@@ -91,7 +91,7 @@
-
+
diff --git a/UI/WebServerResources/js/Common/sgToggleGrid.directive.js b/UI/WebServerResources/js/Common/sgToggleGrid.directive.js
index c5cf2d42c..8325d016e 100644
--- a/UI/WebServerResources/js/Common/sgToggleGrid.directive.js
+++ b/UI/WebServerResources/js/Common/sgToggleGrid.directive.js
@@ -63,7 +63,7 @@
for (i = 0; i < tiles.length; i++) {
tile = angular.element(tiles[i]);
- tile.addClass('iconButton');
+ tile.addClass('sg-icon-button');
tile.find('figure').addClass('md-icon');
tile.on('click', toggleClass);
}
diff --git a/UI/WebServerResources/scss/components/button/button.scss b/UI/WebServerResources/scss/components/button/button.scss
index c6d9d9386..5a24f0ec7 100644
--- a/UI/WebServerResources/scss/components/button/button.scss
+++ b/UI/WebServerResources/scss/components/button/button.scss
@@ -63,8 +63,8 @@ md-list md-list-item button.md-button.sg-icon-button {
transition: $iconButton-transition;
&:hover:not([disabled]),
&:active {
- background-color: transparent;
- transform: scale($iconButton-hover-scale);
+ //background-color: transparent;
+ //transform: scale($iconButton-hover-scale);
}
}
diff --git a/UI/WebServerResources/scss/components/gridList/grid-list.scss b/UI/WebServerResources/scss/components/gridList/grid-list.scss
index 7e9321f3b..928171207 100644
--- a/UI/WebServerResources/scss/components/gridList/grid-list.scss
+++ b/UI/WebServerResources/scss/components/gridList/grid-list.scss
@@ -26,15 +26,16 @@
// sgToggleGrid directive
[sg-toggle-grid] {
md-grid-tile {
- border-radius: 5%;
- &.iconButton {
- &:hover {
- background-color: sg-color($sogoBlue, 600);
- color: #fff;
- cursor: pointer;
- }
+ &.sg-icon-button {
+ @extend .md-button;
+ // Overwrite some styles of .md-button
+ border: 1px solid sg-color($sogoBlue, 300);
+ border-radius: 5%;
+ color: sg-color($sogoBlue, 600);
+ min-height: auto;
+ position: absolute;
}
- &.sg-active, &.sg-active:hover {
+ &.sg-active {
background-color: sg-color($sogoBlue, 300);
color: #fff;
}