Merge pull request rails#52674 from adityapandit17/guides-style-fixes

Fix center alignment issue in guides blocks [ci skip]

Author: rafaelfranca

guides/assets/stylesrc/_dark.scss

@@ -219,6 +219,8 @@
     } // #feature
 
     .interstitial {
+      display: flex;
+      align-items: center;
       &.code {
         background-color: $gray-900;
         border: 1px solid $gray-800 !important;
@@ -230,23 +232,21 @@
         border-color: $note-dark;
         background-color: $note-bkgnd-dark;
       }
-    
+
       &.info {
         border-color: $tip-dark;
         background-color: $tip-bkgnd-dark;
       }
-    
+
       &.warning {
         border-color: $stop-dark;
         background-color: $stop-bkgnd-dark;
       }
-    
+
       &.question {
         border-color: $gray-600;
         background-color: $gray-700;
       }
-    
-
-    }  
+    }
   } // body.guide
 } // @media (prefers-color-scheme: dark

guides/assets/stylesrc/print.scss

@@ -146,28 +146,29 @@
     }
 
     .interstitial {
-      
+      display: flex;
+      align-items: center;
       background-repeat: no-repeat !important;
       background-size: 36px 36px !important;
       background-position: 10px 10px !important;
 
       &.note {
         background-image: url("../images/icon_task-list-pin.svg") !important;
       }
-    
+
       &.work-in-progress,
       &.todo {
         background-image: url("../images/icon_construction-sign.svg") !important;
       }
-    
+
       &.info {
         background-image: url("../images/icon_bulb-1.svg") !important;
       }
-    
+
       &.warning {
         background-image: url("../images/icon_hand-stop.svg") !important;
       }
-    
+
       &.question {
         background-image: url("../images/icon_question-bubble.svg") !important;
       }
@@ -181,7 +182,7 @@
         border: none;
         font-size: 9.5pt !important;
       }
-      
+
       button {
         display: none;
       }