resolve banner style in mobile devices

Author: anmol-algo

src/css/main.css

@@ -152,6 +152,7 @@ main p {
   .article-banner a.btn {
     padding: 0.675rem 1rem;
     font-size: var(--font-small);
+    margin: auto;
   }
 
   .article-banner p {
@@ -161,4 +162,12 @@ main p {
   .article-banner p .fab {
     font-size: 1.2rem;
   }
+
+  .article-banner {
+    justify-content: center;
+  }
+
+  .banner-text {
+    margin: 0.5rem 0;
+  }
 }

src/partials/main.hbs

@@ -6,7 +6,7 @@
 <i class="fas fa-file-alt"></i> <p>  You are viewing the documentation for a prerelease version.</p>
 {{else}}
 <i class="fas fa-file-alt"></i> 
-<div>
+<div class="banner-text"
   <p> A newer version of this documentation is available.</p>
   <span>The page is for an End Of Life version</span>
 </div>