From: Reda Lazri <the.red.shortcut@gmail.com>
Date: Wed, 7 Sep 2016 21:08:17 +0000 (+0100)
Subject: Optimizations
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=cd93d7a5f99eaba27f6f5a6192ed90fce318df17;p=fsf-giving-guide.git

Optimizations
---

diff --git a/css/master.css b/css/master.css
index 97a76b4..7f2eae2 100644
--- a/css/master.css
+++ b/css/master.css
@@ -538,9 +538,18 @@ footer a:hover {
     display: none;
   }
 
+  .is-table-row {
+       display: table;
+   }
+  .is-table-row [class*="col-"] {
+       float: none;
+       display: table-cell;
+       vertical-align: top;
+   }
+
   .recommended-section h5 {
-    text-align: left;
     padding-left: 46px;
+    text-align: left;
   }
   /*Footer*/
   .footer-logo {
diff --git a/givingguide.html b/givingguide.html
index d82f5ab..eef8a3e 100644
--- a/givingguide.html
+++ b/givingguide.html
@@ -88,7 +88,7 @@
     <!--Smartphones-->
     <div class="container">
       <h3 class="title text-center">Smartphones</h3>
-      <div class="row">
+      <div class="row is-table-row">
         <div class="good col-md-6 col-sm-6">
 
           <!-- Begin Sale -->
@@ -185,7 +185,7 @@
     <!--Full-sized Laptops-->
     <div class="container">
       <h3 class="title text-center">Full-sized Laptops</h3>
-      <div class="row">
+      <div class="row is-table-row">
         <div class="good col-md-6 col-sm-6">
           <img src="img/products/t400.png" alt="t400" class="center-block" />
           <h5 class="text-center">Minifree T400 with GNU/Linux</h5>
@@ -218,7 +218,7 @@
     <!--Compact Laptops-->
     <div class="container">
       <h3 class="title text-center">Compact Laptops</h3>
-      <div class="row">
+      <div class="row is-table-row">
         <div class="good col-md-6 col-sm-6">
           <img src="img/products/x200.png" alt="x200" class="center-block" />
           <h5 class="text-center">Libiquity Taurinus X200 with GNU/Linux</h5>
@@ -251,7 +251,7 @@
     <!--3D Printers-->
     <div class="container">
       <h3 class="title text-center">3D Printers</h3>
-      <div class="row">
+      <div class="row is-table-row">
         <div class="good col-md-6 col-sm-6">
           <img src="img/products/lulzbot.png" alt="lulzbot" class="center-block" />
           <h5 class="text-center">Lulzbot Mini</h5>
@@ -286,7 +286,7 @@
     <!--Wi-Fi Routers-->
     <div class="container">
       <h3 class="title text-center">Wi-Fi Routers</h3>
-      <div class="row">
+      <div class="row is-table-row">
         <div class="good col-md-6 col-sm-6">
           <img src="img/products/thinkpenguin-router.png" alt="free-router" class="center-block" />
           <h5 class="text-center">ThinkPenguin Router</h5>
@@ -321,7 +321,7 @@
     <!--eBooks-->
     <div class="container">
       <h3 class="title text-center">eBooks</h3>
-      <div class="row">
+      <div class="row is-table-row">
         <div class="good col-md-6 col-sm-6">
           <img src="img/products/gutenberg.png" alt="gutenberg" class="center-block" />
           <h5 class="text-center">Project Gutenberg</h5>
@@ -359,7 +359,7 @@
     <!--Graphic Design-->
     <div class="container">
       <h3 class="title text-center">Graphic Design</h3>
-      <div class="row">
+      <div class="row is-table-row">
         <div class="good col-md-6 col-sm-6">
           <img src="img/products/gimp-inkscape.png" alt="GIMP and Inskacape" class="center-block" />
           <h5 class="text-center">GIMP and Inkscape</h5>
@@ -390,7 +390,7 @@
     <!--Gift Cards-->
     <div class="container">
       <h3 class="title text-center">Gift Cards</h3>
-      <div class="row">
+      <div class="row is-table-row">
         <div class="good col-md-6 col-sm-6">
           <img src="img/products/fsf-card.png" alt="fsf card" class="center-block" />
           <h5 class="text-center">FSF Membership Card</h5>
diff --git a/img/charities/ceata.png b/img/charities/ceata.png
index 0b8e69d..070ab09 100644
Binary files a/img/charities/ceata.png and b/img/charities/ceata.png differ
diff --git a/img/charities/fsf.png b/img/charities/fsf.png
index 0ef2c04..9dc4ced 100644
Binary files a/img/charities/fsf.png and b/img/charities/fsf.png differ
diff --git a/img/charities/gnome.png b/img/charities/gnome.png
index 191f8a2..7147fd2 100644
Binary files a/img/charities/gnome.png and b/img/charities/gnome.png differ
diff --git a/img/charities/sflc.png b/img/charities/sflc.png
index 78080d6..44250ae 100644
Binary files a/img/charities/sflc.png and b/img/charities/sflc.png differ
diff --git a/img/charities/wikimedia.png b/img/charities/wikimedia.png
index 466f99b..9a483fd 100644
Binary files a/img/charities/wikimedia.png and b/img/charities/wikimedia.png differ