#25276 Fixing variables

dotCMS · Aug 2, 2023 · d911294 · d911294
1 parent 0b5602d
commit d911294
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/...t-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.html b/...t-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.html
@@ -59,7 +59,7 @@ <h3 class="dot-device-selector__header-title">
                         *ngFor="let tile of socialMediaTiles"
                     >
                         <i [class]="tile.icon"></i>
-                        {{ tile.label }}
+                        <span class="device-list-item__name">{{ tile.label }}</span>
                     </li>
                 </ul>
             </div>
@@ -75,7 +75,7 @@ <h3 class="dot-device-selector__header-title">
                 <ul class="device-list">
                     <li class="device-list-item device-list-item-media">
                         <i class="pi pi-google"></i>
-                        Google
+                        <span class="device-list-item__name">Google</span>
                     </li>
                 </ul>
             </div>

diff --git a/...t-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.scss b/...t-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.scss
@@ -7,6 +7,7 @@ $device-list-item-height: 3.625rem;
 $device-selector-grid-width: 31.49rem;
 $device-list-item-media-height: 2.5rem;
 $device-selector-height: 2.625rem;
+$device-selector-name-margin: 0.375rem;
 
 .dot-device-selector__panel {
     border-radius: $border-radius-md;
@@ -52,6 +53,7 @@ $device-selector-height: 2.625rem;
 .device-list {
     width: 100%;
     padding: 0;
+    color: $color-palette-gray-600;
 }
 
 .device-list-item {
@@ -79,7 +81,8 @@ $device-selector-height: 2.625rem;
 }
 
 .device-list-item__name {
-    margin-bottom: $device-selector-height;
+    margin-bottom: $device-selector-name-margin;
+    color: $black;
 }
 
 .device-list-item.device-list-item-media {

diff --git a/...it-page/seo/components/dot-edit-page-toolbar-seo/dot-edit-page-toolbar-seo.component.scss b/...it-page/seo/components/dot-edit-page-toolbar-seo/dot-edit-page-toolbar-seo.component.scss
@@ -24,6 +24,10 @@
 }
 
 :host {
+    .dot-secondary-toolbar__main {
+        height: 3.75rem;
+        align-items: center;
+    }
     @media only screen and (max-width: $screen-device-container-max) {
         .lower-toolbar-right {
             flex-flow: row;