Move padding from .text-block to individual instances

dxw · Nov 29, 2024 · b6ebef5 · b6ebef5
1 parent d676ab7
commit b6ebef5
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 6 deletions.
diff --git a/app/assets/stylesheets/application.tailwind.css.scss b/app/assets/stylesheets/application.tailwind.css.scss
@@ -119,8 +119,6 @@
 }
 
 .text-block {
-  @apply p-4;
-
   h1 {
     @apply text-2xl font-bold mt-5 mb-3;
   }

diff --git a/app/views/forecasts/_how_forecasts_made.html.erb b/app/views/forecasts/_how_forecasts_made.html.erb
@@ -1,4 +1,4 @@
-<div class="text-block how-forecasts-are-made">
+<div class="text-block p-4 how-forecasts-are-made">
   <details>
     <summary>
       <h3>Learn how the forecasts are produced</h3>

diff --git a/app/views/forecasts/show.html.erb b/app/views/forecasts/show.html.erb
@@ -2,7 +2,7 @@
    <meta name="turbo-cache-control" content="no-cache">
 <% end %>
 
-<div class="text-block mx-0">
+<div class="text-block p-4 mx-0">
   <h1>Air quality forecast</h1>
   <p>The air quality forecast displays levels of air pollution, ultraviolet rays (UV), pollen, and temperature over the next three days for your area of interest.</p>
 </div>

diff --git a/app/views/pages/about.html.erb b/app/views/pages/about.html.erb
@@ -1,6 +1,6 @@
 <% content_for :title, 'About' %>
 
-<article class="text-block">
+<article class="text-block p-4">
   <h1>About airTEXT</h1>
 
   <h2>What is airTEXT?</h2>

diff --git a/app/views/pages/health_advice.html.erb b/app/views/pages/health_advice.html.erb
@@ -1,6 +1,6 @@
 <% content_for :title, 'Health advice' %>
 
-<article class="text-block">
+<article class="text-block p-4">
   <h1>Health advice</h1>
 
   <h2>Air pollution index</h2>
-Original file line number
+Diff line change
@@ Expand Up / @@ -119,8 +119,6 @@ @@
     }
     .text-block {
-      @apply p-4;
       h1 {
         @apply text-2xl font-bold mt-5 mb-3;
       }
@@ Expand Down @@