[gnome-web-www] Add bottom margin for frontpage buttons, only on mobile views



commit a652db46c62f4f27663fb338eee8a6ce5e1f4585
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Wed Jan 25 13:13:24 2017 +0200

    Add bottom margin for frontpage buttons, only on mobile views

 theme/css/responsive.css |    3 +++
 theme/page-newhome.php   |    4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)
---
diff --git a/theme/css/responsive.css b/theme/css/responsive.css
index f0ab9cf..bb1b0b1 100644
--- a/theme/css/responsive.css
+++ b/theme/css/responsive.css
@@ -123,6 +123,9 @@
         -webkit-column-count: 1;
         column-count: 1;
     }
+    .btn-xs-margin-bottom {
+        margin-bottom: 8px;
+    }
 }
 
 @media (min-width:768px) and (max-width: 991px){
diff --git a/theme/page-newhome.php b/theme/page-newhome.php
index f226654..1e583c2 100644
--- a/theme/page-newhome.php
+++ b/theme/page-newhome.php
@@ -24,11 +24,11 @@ add_action('wp_head', function() {
                     <p><?php echo get_theme_mod( 'featured_subheading');?></p>
                     <div class="col-md-12">
                         <?php if ( get_theme_mod( 'featured_button_url_1' ) ) : ?>
-                        <a class="btn btn-default" href="<?php echo esc_url( get_page_link( 
get_theme_mod('featured_button_url_1'))) ?>"><?php echo esc_html( get_theme_mod( 'featured_button_text_1')) 
?></a>
+                        <a class="btn btn-default btn-xs-margin-bottom" href="<?php echo esc_url( 
get_page_link( get_theme_mod('featured_button_url_1'))) ?>"><?php echo esc_html( get_theme_mod( 
'featured_button_text_1')) ?></a>
                         <?php endif; ?>
 
                         <?php if ( get_theme_mod( 'featured_button_url_2' ) ) : ?>
-                        <a class="btn btn-default" href="<?php echo esc_url( get_page_link( 
get_theme_mod('featured_button_url_2'))) ?>"><?php echo esc_html( get_theme_mod( 'featured_button_text_2')) 
?></a>
+                        <a class="btn btn-default btn-xs-margin-bottom" href="<?php echo esc_url( 
get_page_link( get_theme_mod('featured_button_url_2'))) ?>"><?php echo esc_html( get_theme_mod( 
'featured_button_text_2')) ?></a>
                         <?php endif; ?>
                     </div>
                 </div>


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]