From b59af4875701e206e4ba10003f887adc9a1bf479 Mon Sep 17 00:00:00 2001
From: Thiago da Silva <thiagodasilva@protonmail.com>
Date: Dec 22 2018 05:33:16 +0000
Subject: Improve layout of productdesc's on sm and md


The product description sections become too thin on sm and md viewports.
This change removes some padding in these breakpoints to give more room
to the descriptions, making the sections more readable.

---

diff --git a/getfedora.org/static/css/app.css b/getfedora.org/static/css/app.css
index c3c4e51..d91d053 100644
--- a/getfedora.org/static/css/app.css
+++ b/getfedora.org/static/css/app.css
@@ -766,6 +766,20 @@ text-align:center;
   line-height: 1.5;
 }
 
+/* bootstrap sm */
+@media (min-width:768px) and (max-width:991px) {
+  .productdesc h4 {
+    padding: 0;
+  }
+}
+
+/* bootstrap md */
+@media (min-width:992px) and (max-width:1199px) {
+  .productdesc h4 {
+    padding: 0 30px;
+  }
+}
+
 .productdesc-spacer hr {
   color: #3c6eb4;
   background-color: #3c6eb4;
@@ -1326,4 +1340,4 @@ img.pull-left { margin-right: 10px; }
 
 .download-cloud-sm.download-cloud{
   padding:0.5em 1em;
-}
\ No newline at end of file
+}