Add flex utility to subscribe buttons (#133)

There appears to be a bug in safari with wrapping columns like this. This is a workaround.
mattstratton · Jun 14, 2017 · 05f1828 · 05f1828
1 parent 5f60d57
commit 05f1828
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
@@ -109,6 +109,12 @@ media_prefix = "https://media.blubrry.com/arresteddevops/content.blubrry.com/arr
 			bio = ""
 				[params.authors.Trevor.social]
 					twitter = "trevorghess"
+    [params.authors.Bridget]
+      name = "Bridget Kromhout"
+      thumbnail = "https://www.arresteddevops.com/img/Bridget.png"
+      bio = ""
+      [params.authors.Bridget.social]
+        twitter = "bridgetkromhout"
 
     [params.links]
       [params.links.ado]

diff --git a/layouts/partials/jumbotron.html b/layouts/partials/jumbotron.html
@@ -20,41 +20,41 @@
 
     <div class = "row">
     {{ if (isset .Site.Params "itunes_subscribe") }}
-      <div class = "col subscribe_buttons col-md-auto">
+      <div class = "d-flex p-2 subscribe_buttons col-md-auto">
         <a class="btn btn-default" href="{{ .Site.Params.itunes_subscribe}}"><i class="fa fa-apple"></i>&nbsp;iTunes</a>
       </div>
     {{ end }}
     {{ if (isset .Site.Params "android_subscribe") }}
-      <div class = "col subscribe_buttons col-md-auto">
+      <div class = "d-flex p-2 subscribe_buttons col-md-auto">
         <a class="btn btn-default subscribe_buttons" href="{{ .Site.Params.android_subscribe }}"><i class="fa fa-android"></i>&nbsp;Android</a>
       </div>
     {{ end }}
     {{ if (isset .Site.Params "google_play_subscribe") }}
-      <div class = "col subscribe_buttons col-md-auto">
+      <div class = "d-flex p-2 subscribe_buttons col-md-auto">
         <a class="btn btn-default" href="{{ .Site.Params.google_play_subscribe }}"><i class="fa fa-music"></i>&nbsp;Google Play Music</a>
       </div>
     {{ end }}
     {{ with .Site.Params.sticher_subscribe }}
-      <div class = "col subscribe_buttons col-md-auto">
+      <div class = "d-flex p-2 subscribe_buttons col-md-auto">
         <a class="btn btn-default" href="{{ . }}"><i class="fa fa-podcast"></i>&nbsp;Stitcher</a>
       </div>
     {{ end }}
     {{ if (isset .Site.Params "soundcloud_subscribe") }}
-      <div class = "col subscribe_buttons col-md-auto">
+      <div class = "d-flex p-2 subscribe_buttons col-md-auto">
         <a class="btn btn-default" href="{{ .Site.Params.soundcloud_subscribe }}"><i class="fa fa-soundcloud"></i>&nbsp;Soundcloud</a>
       </div>
     {{ end }}
     {{ if (isset .Site.Params "pocketcasts_subscribe") }}
-      <div class = "col subscribe_buttons col-md-auto">
+      <div class = "d-flex p-2 subscribe_buttons col-md-auto">
         <a class="btn btn-default" href="{{ .Site.Params.pocketcasts_subscribe }}"><i class="fa fa-podcast"></i>&nbsp;PocketCasts</a>
       </div>
     {{ end }}
     {{ if (isset .Site.Params "rss_subscribe" )}}
-      <div class = "col subscribe_buttons col-md-auto">
+      <div class = "d-flex p-2 subscribe_buttons col-md-auto">
         <a class="btn btn-default" href="{{ .Site.Params.rss_subscribe }}"><i class="fa fa-rss"></i>&nbsp;RSS</a>
       </div>
     {{ else }}
-      <div class = "col subscribe_buttons col-md-auto">
+      <div class = "d-flex p-2 subscribe_buttons col-md-auto">
         <a class="btn btn-default" href="{{"episode/index.xml" | absURL }}"><i class="fa fa-rss"></i>&nbsp;RSS</a>
       </div>
     {{ end }}