SAK-51228 ern review

Author: st-manu

Diff for: library/src/skins/default/src/sass/modules/tool/dashboard/_base.scss

@@ -8,7 +8,7 @@ html {
   --sakai-motd-message-font-size: 12px;
 }
 
-@media (max-width: 767px) {
+@include media-breakpoint-down(md) {
   sakai-course-dashboard-template-picker {
     padding: 2rem;
   }
@@ -26,7 +26,7 @@ html {
   margin: -0.5em 0 0.5em 0;
 }
 
-@media (min-width: 992px) {
+@include media-breakpoint-up(lg) {
   .sakai-course-list {
     border-right: solid 1px var(--sakai-border-color);
   }
@@ -74,7 +74,7 @@ sakai-editor div {
   flex: 3;
 }
 
-@media (max-width: 991px) {
+@include media-breakpoint-down(lg) {
   #course-dashboard-l1-overview-and-widgets-block {
     display: block;
   }
@@ -89,7 +89,7 @@ sakai-editor div {
     margin-bottom: 16px;
   }
 }
-@media (min-width: 992px) {
+@include media-breakpoint-up(lg) {
   #course-dashboard-l1-overview-and-widgets-block {
     display: flex;
   }
@@ -112,7 +112,7 @@ sakai-editor div {
 }
 
 
-@media (min-width: 576px) {
+@include media-breakpoint-up(sm) {
   #course-dashboard-l2-header-block {
     flex: 1;
   }

Diff for: webcomponents/tool/src/main/frontend/packages/sakai-widgets/src/SakaiDashboardWidget.js

@@ -173,7 +173,7 @@ export class SakaiDashboardWidget extends SakaiShadowElement {
         display: flex;
       }
       #widget-mover .btn {
-        --bs-btn-color: var(--sakai-text-color-2) !important;
+        --bs-btn-color: var(--sakai-text-color-2);
       }
       #widget-mover div {
         padding: 5px;