fix: center items in about us page (#2378)

* fix: center items in about us page * fix: center items in about us page
CircuitVerse · Aug 16, 2021 · ff10ba7 · ff10ba7
1 parent aaba9fa
commit ff10ba7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
@@ -48,6 +48,10 @@ body {
   text-align: justify;
 }
 
+.centered-paragraph {
+  margin: 30px 0;
+  text-align: center;
+}
 //alignment
 .alert {
   display: block;
@@ -61,6 +65,12 @@ body {
   text-align: center;
 }
 
+.div-flex-center {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
 .center-image {
   display: block;
   margin-left: auto;

diff --git a/app/views/about/index.html.erb b/app/views/about/index.html.erb
@@ -5,10 +5,10 @@
     <div class="col-xs col-sm col-md col-lg">
       <h1 class="main-heading"><%= t("about.main_heading") %></h1>
         <p class="main-description"><%= t("about.main_description") %></p>
-        <p class="justified-paragraph"><%= t("about.product_details") %></p>
+        <p class="centered-paragraph"><%= t("about.product_details") %></p>
     </div>
   </div>
-  <div class="col-xs col-sm col-md col-lg">
+  <div class="col-xs col-sm col-md col-lg div-flex-center">
     <a class="btn primary-button" href="/tos" target="_blank"><%= t("about.terms_of_service") %></a>
     <a class="btn primary-button" href="/privacy" target="_blank"><%= t("about.privacy_policy") %></a>
   </div>