Fix tag button on safari

the-blank-x · May 22, 2020 · 61fd1a0 · 61fd1a0
1 parent 99e5b2a
commit 61fd1a0
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/js/$index.jsx b/js/$index.jsx
@@ -106,7 +106,7 @@ class App extends Component {
       <Fragment>
         <h3 class="tagged-header">
           {caption}
-          <button type="button" class="btn btn-primary btn-sm" data-toggle="drawer" href="#drawer"><span class="svg-icon"><Icons.Tags /></span><span>&nbsp;Filter By Tag</span></button>
+          <button type="button" class="btn btn-primary btn-sm" data-toggle="drawer" href="#drawer"><span class="svg-icon"><Icons.Tags /></span><strong>&nbsp;Filter By Tag</strong></button>
         </h3>
         <div class="card-grid">
           {map(posts, (post, i) =>

diff --git a/public/index.html b/public/index.html
@@ -45,7 +45,7 @@ <h2 class="drawer-title">View Posts By Tag</h2>
 	{{#content "body"}}
     <h3 class="tagged-header">
       <span>Latest Posts</span>
-      <button type="button" class="btn btn-primary btn-sm" data-toggle="drawer" href="#drawer">{{icon 'tags'}}<span>&nbsp;Filter By Tag</span></button>
+      <button type="button" class="btn btn-primary btn-sm" data-toggle="drawer" href="#drawer">{{icon 'tags'}}<strong>&nbsp;Filter By Tag</strong></button>
     </h3>
     <div class="card-grid">
       {{#first posts.posts 8}}

diff --git a/scss/_index.scss b/scss/_index.scss
@@ -23,15 +23,15 @@
       display: flex;
       flex: 0;
       margin: 2px 0;
-      span, .svg-icon {
+      strong, .svg-icon {
         white-space: nowrap;
         // display: inline-block;
         font-size: 1em;
       }
     }
 
     @media (max-width: 425px) {
-      .btn span {
+      .btn strong {
         display: none;
       }
     }