fixes to button and image layouts
authorAndrew Engelbrecht <andrew@fsf.org>
Wed, 21 Nov 2018 22:59:34 +0000 (17:59 -0500)
committerAndrew Engelbrecht <andrew@fsf.org>
Wed, 21 Nov 2018 22:59:34 +0000 (17:59 -0500)
v9/css/master.css
v9/givingguide.html

index bdcd3b0..f5f50f3 100644 (file)
@@ -373,14 +373,14 @@ li.neutral {
 .bad img,
 .good img,
 .recommended-img img {
-  margin-bottom: 20px;
+  margin-bottom: 70px;
   width: 250px;
   height: 250px;
 }
 
 .get-item {
   position: absolute;
-  top: 250px;
+  top: 300px;
   right: 50%;
   left: 50%;
   margin-left: -60px;
index 7faa2be..10a0ca5 100644 (file)
@@ -683,13 +683,13 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
         <h2 class="title text-center">Cool Devices</h2>
 <div class="container">
         <div class="row is-table-row">
-          <div class="col-md-5 col-sm-6">
+          <div class="col-md-5 col-sm-6 recommended-img">
                    <h5 class="text-center">NeuG USB True Random Number Generator</h5>
-            <img src="https://shop.fsf.org/sites/default/files/styles/product_full/public/randomnumber.jpg" alt="NeuG USB True Random Number Generator and a MicroSD card" class="center-block" style="height: 140px; margin-bottom: 110px"/>
+            <img src="https://shop.fsf.org/sites/default/files/styles/product_full/public/randomnumber.jpg" alt="NeuG USB True Random Number Generator and a MicroSD card" class="center-block" style="height: 140px; margin-top: 90px; margin-bottom: 90px;"/>
 
 
             <!-- Buy/Download Button   -->
-            <a id="get-item-random-number-generator" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-random-number-generator" aria-expanded="false" aria-controls="sellers-random-number-generator" style="display:none; top:205px;">
+            <a id="get-item-random-number-generator" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-random-number-generator" aria-expanded="false" aria-controls="sellers-random-number-generator" style="display:none;">
               BUY
                 <!-- Begin Sale -->
               <span class="sale" >sale</span>
@@ -741,7 +741,7 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
             <img src="https://static.fsf.org/nosvn/images/technoethical-adapter.png" alt="Mini Wi-Fi Adapter" class="center-block" />
 
             <!-- Buy/Download Button   -->
-            <a id="get-item-mini-adapter" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-mini-adapter" aria-expanded="false" aria-controls="sellers-mini-adapter" style="display:none; top:205px;">
+            <a id="get-item-mini-adapter" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-mini-adapter" aria-expanded="false" aria-controls="sellers-mini-adapter" style="display:none;">
               BUY
               <!-- Begin Sale -->
               <span class="sale">sale</span>
@@ -808,7 +808,7 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
             <img src="img/products/thinkpenguin-long-range-adapter.png" alt="Long-range Wi-Fi Adapter" class="center-block" />
 
             <!-- Buy/Download Button   -->
-            <a id="get-item-long-range-adapter" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-long-range-adapter" aria-expanded="false" aria-controls="sellers-long-range-adapter" style="display:none; top:205px;">
+            <a id="get-item-long-range-adapter" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-long-range-adapter" aria-expanded="false" aria-controls="sellers-long-range-adapter" style="display:none;">
               BUY
               <!-- Begin Sale -->
               <span class="sale">sale</span>
@@ -861,7 +861,7 @@ MakerBot was founded with a more freedom-respecting philosophy, but <a href="htt
 
 
               <!-- Buy/Download Button   -->
-              <a id="get-item-vpn-router" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-vpn-router" aria-expanded="false" aria-controls="sellers-vpn-router" style="display:none; top:205px;">
+              <a id="get-item-vpn-router" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-vpn-router" aria-expanded="false" aria-controls="sellers-vpn-router" style="display:none;">
                 BUY
                 <!-- Begin Sale -->
                 <span class="sale">sale</span>