From 8655af251080ce20be49f1b390069e6d0f055599 Mon Sep 17 00:00:00 2001
From: trwnh <a@trwnh.com>
Date: Thu, 21 Mar 2019 23:41:41 -0500
Subject: [PATCH 1/8] change h3 to button

fix #756
---
 resources/assets/js/components/PostComponent.vue | 8 ++++----
 resources/assets/js/components/Timeline.vue      | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/resources/assets/js/components/PostComponent.vue b/resources/assets/js/components/PostComponent.vue
index 07954fa7f..431b867eb 100644
--- a/resources/assets/js/components/PostComponent.vue
+++ b/resources/assets/js/components/PostComponent.vue
@@ -125,10 +125,10 @@
             </div>
             <div class="card-body flex-grow-0 py-1">
               <div class="reactions my-1">
-                <h3 v-bind:class="[reactions.liked ? 'fas fa-heart text-danger pr-3 m-0' : 'far fa-heart pr-3 m-0 like-btn']" title="Like" v-on:click="likeStatus"></h3>
-                <h3 class="far fa-comment pr-3 m-0" title="Comment" v-on:click="commentFocus"></h3>
-                <h3 v-bind:class="[reactions.shared ? 'far fa-share-square pr-3 m-0 text-primary' : 'far fa-share-square pr-3 m-0 share-btn']" title="Share" v-on:click="shareStatus"></h3>
-                <h3 v-bind:class="[reactions.bookmarked ? 'fas fa-bookmark text-warning m-0 float-right' : 'far fa-bookmark m-0 float-right']" title="Bookmark" v-on:click="bookmarkStatus"></h3>
+                <button v-bind:class="[reactions.liked ? 'fas fa-heart text-danger pr-3 m-0' : 'far fa-heart pr-3 m-0 like-btn']" title="Like" v-on:click="likeStatus"></button>
+                <button class="far fa-comment pr-3 m-0" title="Comment" v-on:click="commentFocus"></button>
+                <button v-bind:class="[reactions.shared ? 'far fa-share-square pr-3 m-0 text-primary' : 'far fa-share-square pr-3 m-0 share-btn']" title="Share" v-on:click="shareStatus"></button>
+                <button v-bind:class="[reactions.bookmarked ? 'fas fa-bookmark text-warning m-0 float-right' : 'far fa-bookmark m-0 float-right']" title="Bookmark" v-on:click="bookmarkStatus"></button>
               </div>
               <div class="reaction-counts font-weight-bold mb-0">
                 <span style="cursor:pointer;" v-on:click="likesModal">
diff --git a/resources/assets/js/components/Timeline.vue b/resources/assets/js/components/Timeline.vue
index 7679b53ab..051cc7e6e 100644
--- a/resources/assets/js/components/Timeline.vue
+++ b/resources/assets/js/components/Timeline.vue
@@ -84,9 +84,9 @@
 
 				<div class="card-body">
 					<div class="reactions my-1">
-						<h3 v-bind:class="[status.favourited ? 'fas fa-heart text-danger pr-3 m-0 cursor-pointer' : 'far fa-heart pr-3 m-0 like-btn cursor-pointer']" title="Like" v-on:click="likeStatus(status, $event)"></h3>
-						<h3 class="far fa-comment pr-3 m-0 cursor-pointer" title="Comment" v-on:click="commentFocus(status, $event)"></h3>
-						<h3 v-bind:class="[status.reblogged ? 'far fa-share-square pr-3 m-0 text-primary cursor-pointer' : 'far fa-share-square pr-3 m-0 share-btn cursor-pointer']" title="Share" v-on:click="shareStatus(status, $event)"></h3>
+						<button v-bind:class="[status.favourited ? 'fas fa-heart text-danger pr-3 m-0 cursor-pointer' : 'far fa-heart pr-3 m-0 like-btn cursor-pointer']" title="Like" v-on:click="likeStatus(status, $event)"></button>
+						<button class="far fa-comment pr-3 m-0 cursor-pointer" title="Comment" v-on:click="commentFocus(status, $event)"></button>
+						<button v-bind:class="[status.reblogged ? 'far fa-share-square pr-3 m-0 text-primary cursor-pointer' : 'far fa-share-square pr-3 m-0 share-btn cursor-pointer']" title="Share" v-on:click="shareStatus(status, $event)"></button>
 					</div>
 
 					<div class="likes font-weight-bold">

From a0db1a617de9f80d89f79f97990e3d4fa1d81198 Mon Sep 17 00:00:00 2001
From: trwnh <a@trwnh.com>
Date: Thu, 21 Mar 2019 23:58:02 -0500
Subject: [PATCH 2/8] properly size button elements

---
 resources/assets/sass/custom.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss
index e1cbe1251..944917973 100644
--- a/resources/assets/sass/custom.scss
+++ b/resources/assets/sass/custom.scss
@@ -280,7 +280,6 @@ body, button, input, textarea {
   background-position: 50%;
 }
 
-
 .status-photo img {
     object-fit: contain;
     width: 100%;
@@ -316,6 +315,10 @@ body, button, input, textarea {
       text-align: center;
       border-radius: 0 3px 3px 0;
   }
+  
+  .reactions button {
+      font-size: 1.575rem
+  }
 }
 
 .touch .card {

From 7871397d141a82173b2a6421e46d31f777d98b9f Mon Sep 17 00:00:00 2001
From: trwnh <a@trwnh.com>
Date: Fri, 22 Mar 2019 00:27:33 -0500
Subject: [PATCH 3/8] fix button styling

---
 resources/assets/js/components/PostComponent.vue | 6 +++---
 resources/assets/js/components/Timeline.vue      | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/assets/js/components/PostComponent.vue b/resources/assets/js/components/PostComponent.vue
index 431b867eb..49b1a0cef 100644
--- a/resources/assets/js/components/PostComponent.vue
+++ b/resources/assets/js/components/PostComponent.vue
@@ -125,9 +125,9 @@
             </div>
             <div class="card-body flex-grow-0 py-1">
               <div class="reactions my-1">
-                <button v-bind:class="[reactions.liked ? 'fas fa-heart text-danger pr-3 m-0' : 'far fa-heart pr-3 m-0 like-btn']" title="Like" v-on:click="likeStatus"></button>
-                <button class="far fa-comment pr-3 m-0" title="Comment" v-on:click="commentFocus"></button>
-                <button v-bind:class="[reactions.shared ? 'far fa-share-square pr-3 m-0 text-primary' : 'far fa-share-square pr-3 m-0 share-btn']" title="Share" v-on:click="shareStatus"></button>
+                <button v-bind:class="[reactions.liked ? 'fas fa-heart btn btn-link text-danger mr-2 m-0' : 'far fa-heart mr-2 m-0 like-btn btn btn-link text-dark']" title="Like" v-on:click="likeStatus"></button>
+                <button class="far fa-comment mr-2 m-0 btn btn-link text-dark" title="Comment" v-on:click="commentFocus"></button>
+                <button v-bind:class="[reactions.shared ? 'far fa-share-square mr-2 m-0 btn btn-link text-primary' : 'far fa-share-square mr-2 m-0 share-btn btn btn-link text-dark']" title="Share" v-on:click="shareStatus"></button>
                 <button v-bind:class="[reactions.bookmarked ? 'fas fa-bookmark text-warning m-0 float-right' : 'far fa-bookmark m-0 float-right']" title="Bookmark" v-on:click="bookmarkStatus"></button>
               </div>
               <div class="reaction-counts font-weight-bold mb-0">
diff --git a/resources/assets/js/components/Timeline.vue b/resources/assets/js/components/Timeline.vue
index 051cc7e6e..7a68f19f5 100644
--- a/resources/assets/js/components/Timeline.vue
+++ b/resources/assets/js/components/Timeline.vue
@@ -84,9 +84,9 @@
 
 				<div class="card-body">
 					<div class="reactions my-1">
-						<button v-bind:class="[status.favourited ? 'fas fa-heart text-danger pr-3 m-0 cursor-pointer' : 'far fa-heart pr-3 m-0 like-btn cursor-pointer']" title="Like" v-on:click="likeStatus(status, $event)"></button>
-						<button class="far fa-comment pr-3 m-0 cursor-pointer" title="Comment" v-on:click="commentFocus(status, $event)"></button>
-						<button v-bind:class="[status.reblogged ? 'far fa-share-square pr-3 m-0 text-primary cursor-pointer' : 'far fa-share-square pr-3 m-0 share-btn cursor-pointer']" title="Share" v-on:click="shareStatus(status, $event)"></button>
+						<button v-bind:class="[status.favourited ? 'fas fa-heart btn btn-link text-danger mr-2 m-0 cursor-pointer' : 'far fa-heart mr-2 m-0 like-btn btn btn-link text-dark cursor-pointer']" title="Like" v-on:click="likeStatus(status, $event)"></button>
+						<button class="far fa-comment mr-2 m-0 btn btn-link text-dark cursor-pointer" title="Comment" v-on:click="commentFocus(status, $event)"></button>
+						<button v-bind:class="[status.reblogged ? 'far fa-share-square mr-2 m-0 btn btn-link text-primary cursor-pointer' : 'far fa-share-square mr-2 m-0 share-btn btn btn-link text-dark cursor-pointer']" title="Share" v-on:click="shareStatus(status, $event)"></button>
 					</div>
 
 					<div class="likes font-weight-bold">

From 61158a788f71cca7cb37a00fa5025539704a8c93 Mon Sep 17 00:00:00 2001
From: trwnh <a@trwnh.com>
Date: Fri, 22 Mar 2019 00:31:38 -0500
Subject: [PATCH 4/8] override line height of buttons

---
 resources/assets/sass/custom.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss
index 944917973..71736ecb5 100644
--- a/resources/assets/sass/custom.scss
+++ b/resources/assets/sass/custom.scss
@@ -317,7 +317,8 @@ body, button, input, textarea {
   }
   
   .reactions button {
-      font-size: 1.575rem
+      font-size: 1.575rem;
+      line-height: 1;
   }
 }
 

From fb4e6f862a5e954800ca2207b5108fca8a5ff3b9 Mon Sep 17 00:00:00 2001
From: trwnh <a@trwnh.com>
Date: Fri, 22 Mar 2019 00:40:18 -0500
Subject: [PATCH 5/8] fix padding and styling of buttons

---
 resources/assets/js/components/PostComponent.vue | 8 ++++----
 resources/assets/js/components/Timeline.vue      | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/resources/assets/js/components/PostComponent.vue b/resources/assets/js/components/PostComponent.vue
index 49b1a0cef..b9a9a8ac3 100644
--- a/resources/assets/js/components/PostComponent.vue
+++ b/resources/assets/js/components/PostComponent.vue
@@ -125,10 +125,10 @@
             </div>
             <div class="card-body flex-grow-0 py-1">
               <div class="reactions my-1">
-                <button v-bind:class="[reactions.liked ? 'fas fa-heart btn btn-link text-danger mr-2 m-0' : 'far fa-heart mr-2 m-0 like-btn btn btn-link text-dark']" title="Like" v-on:click="likeStatus"></button>
-                <button class="far fa-comment mr-2 m-0 btn btn-link text-dark" title="Comment" v-on:click="commentFocus"></button>
-                <button v-bind:class="[reactions.shared ? 'far fa-share-square mr-2 m-0 btn btn-link text-primary' : 'far fa-share-square mr-2 m-0 share-btn btn btn-link text-dark']" title="Share" v-on:click="shareStatus"></button>
-                <button v-bind:class="[reactions.bookmarked ? 'fas fa-bookmark text-warning m-0 float-right' : 'far fa-bookmark m-0 float-right']" title="Bookmark" v-on:click="bookmarkStatus"></button>
+                <button v-bind:class="[reactions.liked ? 'fas fa-heart btn btn-link text-danger px-0 mr-2 m-0' : 'far fa-heart px-0 mr-2 m-0 like-btn btn btn-link text-dark']" title="Like" v-on:click="likeStatus"></button>
+                <button class="far fa-comment px-0 mr-2 m-0 btn btn-link text-dark" title="Comment" v-on:click="commentFocus"></button>
+                <button v-bind:class="[reactions.shared ? 'far fa-share-square px-0 mr-2 m-0 btn btn-link text-primary' : 'far fa-share-square px-0 mr-2 m-0 share-btn btn btn-link text-dark']" title="Share" v-on:click="shareStatus"></button>
+                <button v-bind:class="[reactions.bookmarked ? 'fas fa-bookmark btn btn-link text-warning px-0 m-0 float-right' : 'far fa-bookmark btn btn-link text-dark px-0 m-0 float-right']" title="Bookmark" v-on:click="bookmarkStatus"></button>
               </div>
               <div class="reaction-counts font-weight-bold mb-0">
                 <span style="cursor:pointer;" v-on:click="likesModal">
diff --git a/resources/assets/js/components/Timeline.vue b/resources/assets/js/components/Timeline.vue
index 7a68f19f5..1abf372d0 100644
--- a/resources/assets/js/components/Timeline.vue
+++ b/resources/assets/js/components/Timeline.vue
@@ -84,9 +84,9 @@
 
 				<div class="card-body">
 					<div class="reactions my-1">
-						<button v-bind:class="[status.favourited ? 'fas fa-heart btn btn-link text-danger mr-2 m-0 cursor-pointer' : 'far fa-heart mr-2 m-0 like-btn btn btn-link text-dark cursor-pointer']" title="Like" v-on:click="likeStatus(status, $event)"></button>
-						<button class="far fa-comment mr-2 m-0 btn btn-link text-dark cursor-pointer" title="Comment" v-on:click="commentFocus(status, $event)"></button>
-						<button v-bind:class="[status.reblogged ? 'far fa-share-square mr-2 m-0 btn btn-link text-primary cursor-pointer' : 'far fa-share-square mr-2 m-0 share-btn btn btn-link text-dark cursor-pointer']" title="Share" v-on:click="shareStatus(status, $event)"></button>
+						<button v-bind:class="[status.favourited ? 'fas fa-heart btn btn-link text-danger px-0 mr-2 m-0 cursor-pointer' : 'far fa-heart px-0 mr-2 m-0 like-btn btn btn-link text-dark cursor-pointer']" title="Like" v-on:click="likeStatus(status, $event)"></button>
+						<button class="far fa-comment px-0 mr-2 m-0 btn btn-link text-dark cursor-pointer" title="Comment" v-on:click="commentFocus(status, $event)"></button>
+						<button v-bind:class="[status.reblogged ? 'far fa-share-square px-0 mr-2 m-0 btn btn-link text-primary cursor-pointer' : 'far fa-share-square px-0 mr-2 m-0 share-btn btn btn-link text-dark cursor-pointer']" title="Share" v-on:click="shareStatus(status, $event)"></button>
 					</div>
 
 					<div class="likes font-weight-bold">

From f5d431e0b40561ee0b0e20bb33e6ba026c65036e Mon Sep 17 00:00:00 2001
From: trwnh <a@trwnh.com>
Date: Fri, 22 Mar 2019 00:47:09 -0500
Subject: [PATCH 6/8] remove underline on hover of buttons

---
 resources/assets/sass/custom.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss
index 71736ecb5..039fd5d5b 100644
--- a/resources/assets/sass/custom.scss
+++ b/resources/assets/sass/custom.scss
@@ -320,6 +320,11 @@ body, button, input, textarea {
       font-size: 1.575rem;
       line-height: 1;
   }
+  
+  .reactions button:hover {
+      text-decoration: none
+  }
+  
 }
 
 .touch .card {

From c8b0b3fe79876f7d32e83663c890742f115f2f2e Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Fri, 22 Mar 2019 12:02:01 -0600
Subject: [PATCH 7/8] Update reaction buttons

---
 resources/assets/js/components/PostComponent.vue | 8 ++++----
 resources/assets/js/components/Timeline.vue      | 6 +++---
 resources/assets/sass/custom.scss                | 4 ----
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/resources/assets/js/components/PostComponent.vue b/resources/assets/js/components/PostComponent.vue
index b9a9a8ac3..ce110b394 100644
--- a/resources/assets/js/components/PostComponent.vue
+++ b/resources/assets/js/components/PostComponent.vue
@@ -125,10 +125,10 @@
             </div>
             <div class="card-body flex-grow-0 py-1">
               <div class="reactions my-1">
-                <button v-bind:class="[reactions.liked ? 'fas fa-heart btn btn-link text-danger px-0 mr-2 m-0' : 'far fa-heart px-0 mr-2 m-0 like-btn btn btn-link text-dark']" title="Like" v-on:click="likeStatus"></button>
-                <button class="far fa-comment px-0 mr-2 m-0 btn btn-link text-dark" title="Comment" v-on:click="commentFocus"></button>
-                <button v-bind:class="[reactions.shared ? 'far fa-share-square px-0 mr-2 m-0 btn btn-link text-primary' : 'far fa-share-square px-0 mr-2 m-0 share-btn btn btn-link text-dark']" title="Share" v-on:click="shareStatus"></button>
-                <button v-bind:class="[reactions.bookmarked ? 'fas fa-bookmark btn btn-link text-warning px-0 m-0 float-right' : 'far fa-bookmark btn btn-link text-dark px-0 m-0 float-right']" title="Bookmark" v-on:click="bookmarkStatus"></button>
+                <button v-bind:class="[reactions.liked ? 'fas fa-heart btn btn-link text-decoration-none text-danger px-0 mr-2 m-0' : 'far fa-heart px-0 mr-2 m-0 like-btn btn btn-link text-decoration-none text-dark']" title="Like" v-on:click="likeStatus"></button>
+                <button class="far fa-comment px-0 mr-2 m-0 btn btn-link text-decoration-none text-dark" title="Comment" v-on:click="commentFocus"></button>
+                <button v-bind:class="[reactions.shared ? 'far fa-share-square px-0 mr-2 m-0 btn btn-link text-decoration-none text-primary' : 'far fa-share-square px-0 mr-2 m-0 share-btn btn btn-link text-decoration-none text-dark']" title="Share" v-on:click="shareStatus"></button>
+                <button v-bind:class="[reactions.bookmarked ? 'fas fa-bookmark btn btn-link text-warning px-0 m-0 text-decoration-none float-right' : 'far fa-bookmark btn btn-link text-dark px-0 m-0 text-decoration-none float-right']" title="Bookmark" v-on:click="bookmarkStatus"></button>
               </div>
               <div class="reaction-counts font-weight-bold mb-0">
                 <span style="cursor:pointer;" v-on:click="likesModal">
diff --git a/resources/assets/js/components/Timeline.vue b/resources/assets/js/components/Timeline.vue
index 1abf372d0..5816ca0e9 100644
--- a/resources/assets/js/components/Timeline.vue
+++ b/resources/assets/js/components/Timeline.vue
@@ -84,9 +84,9 @@
 
 				<div class="card-body">
 					<div class="reactions my-1">
-						<button v-bind:class="[status.favourited ? 'fas fa-heart btn btn-link text-danger px-0 mr-2 m-0 cursor-pointer' : 'far fa-heart px-0 mr-2 m-0 like-btn btn btn-link text-dark cursor-pointer']" title="Like" v-on:click="likeStatus(status, $event)"></button>
-						<button class="far fa-comment px-0 mr-2 m-0 btn btn-link text-dark cursor-pointer" title="Comment" v-on:click="commentFocus(status, $event)"></button>
-						<button v-bind:class="[status.reblogged ? 'far fa-share-square px-0 mr-2 m-0 btn btn-link text-primary cursor-pointer' : 'far fa-share-square px-0 mr-2 m-0 share-btn btn btn-link text-dark cursor-pointer']" title="Share" v-on:click="shareStatus(status, $event)"></button>
+						<button v-bind:class="[status.favourited ? 'btn-lg h3 fas fa-heart btn btn-link text-decoration-none text-danger px-0 mr-2 m-0' : 'btn-lg h3 far fa-heart px-0 mr-2 m-0 text-decoration-none like-btn btn btn-link text-dark']" title="Like" v-on:click="likeStatus(status, $event)"></button>
+						<button class="far fa-comment px-0 mr-2 m-0 btn btn-link text-dark text-decoration-none" title="Comment" v-on:click="commentFocus(status, $event)"></button>
+						<button v-bind:class="[status.reblogged ? 'far fa-share-square px-0 mr-2 m-0 btn btn-link text-decoration-none text-primary' : 'far fa-share-square px-0 mr-2 m-0 share-btn btn btn-link text-decoration-none text-dark']" title="Share" v-on:click="shareStatus(status, $event)"></button>
 					</div>
 
 					<div class="likes font-weight-bold">
diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss
index 039fd5d5b..07acbbde8 100644
--- a/resources/assets/sass/custom.scss
+++ b/resources/assets/sass/custom.scss
@@ -321,10 +321,6 @@ body, button, input, textarea {
       line-height: 1;
   }
   
-  .reactions button:hover {
-      text-decoration: none
-  }
-  
 }
 
 .touch .card {

From 467fc56782401ec9deab4beaa8198f9d0913ef47 Mon Sep 17 00:00:00 2001
From: trwnh <a@trwnh.com>
Date: Fri, 22 Mar 2019 21:15:13 -0500
Subject: [PATCH 8/8] actually fix apple mobile icon

turns out it has to be defined separately, because safari doesn't recognize their own rel attributes unless they're standalone...
---
 resources/views/layouts/anon.blade.php   | 3 ++-
 resources/views/layouts/app.blade.php    | 3 ++-
 resources/views/layouts/blank.blade.php  | 3 ++-
 resources/views/layouts/bundle.blade.php | 3 ++-
 resources/views/site/index.blade.php     | 3 ++-
 5 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/resources/views/layouts/anon.blade.php b/resources/views/layouts/anon.blade.php
index c77e800ec..f30e15e4d 100644
--- a/resources/views/layouts/anon.blade.php
+++ b/resources/views/layouts/anon.blade.php
@@ -22,7 +22,8 @@
     <meta name="medium" content="image">
     <meta name="theme-color" content="#10c5f8">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <link rel="shortcut icon apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
+    <link rel="shortcut icon" type="image/png" href="/img/favicon.png?v=2">
+    <link rel="apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
     <link rel="canonical" href="{{request()->url()}}">
     <link href="{{ mix('css/app.css') }}" rel="stylesheet" data-stylesheet="light">
     @stack('styles')
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index c865fe085..04ae39460 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -21,7 +21,8 @@
     <meta name="medium" content="image">
     <meta name="theme-color" content="#10c5f8">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <link rel="shortcut icon apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
+    <link rel="shortcut icon" type="image/png" href="/img/favicon.png?v=2">
+    <link rel="apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
     <link rel="canonical" href="{{request()->url()}}">
     <link href="{{ mix('css/app.css') }}" rel="stylesheet" data-stylesheet="light">
     @stack('styles')
diff --git a/resources/views/layouts/blank.blade.php b/resources/views/layouts/blank.blade.php
index 95cf8cd4b..9b2181f24 100644
--- a/resources/views/layouts/blank.blade.php
+++ b/resources/views/layouts/blank.blade.php
@@ -20,7 +20,8 @@
     <meta name="medium" content="image">
     <meta name="theme-color" content="#10c5f8">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <link rel="shortcut icon apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
+    <link rel="shortcut icon" type="image/png" href="/img/favicon.png?v=2">
+    <link rel="apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
     <link rel="canonical" href="{{request()->url()}}">
     <link href="{{ mix('css/app.css') }}" rel="stylesheet" data-stylesheet="light">
     @stack('styles')
diff --git a/resources/views/layouts/bundle.blade.php b/resources/views/layouts/bundle.blade.php
index 0a9ceb254..1050a39d6 100644
--- a/resources/views/layouts/bundle.blade.php
+++ b/resources/views/layouts/bundle.blade.php
@@ -21,7 +21,8 @@
     <meta name="medium" content="image">
     <meta name="theme-color" content="#10c5f8">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <link rel="shortcut icon apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
+    <link rel="shortcut icon" type="image/png" href="/img/favicon.png?v=2">
+    <link rel="apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
     <link rel="canonical" href="{{request()->url()}}">
     <link href="{{ mix('css/app.css') }}" rel="stylesheet" data-stylesheet="light">
     @stack('styles')
diff --git a/resources/views/site/index.blade.php b/resources/views/site/index.blade.php
index f2abe63f9..0da3bb695 100644
--- a/resources/views/site/index.blade.php
+++ b/resources/views/site/index.blade.php
@@ -20,7 +20,8 @@
     <meta name="medium" content="image">
     <meta name="theme-color" content="#10c5f8">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <link rel="shortcut icon apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
+    <link rel="shortcut icon" type="image/png" href="/img/favicon.png?v=2">
+    <link rel="apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
     <link href="{{ mix('css/app.css') }}" rel="stylesheet" data-stylesheet="light">
 </head>
 <body class="">