From 0cc59898b1537ee387fb9433bd241d19d40a43ec Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 17 Sep 2019 18:26:54 +0530
Subject: [PATCH] :zap: Better Tweet button

---
 components/section.vue |  4 ----
 layouts/default.vue    | 13 +++++++------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/components/section.vue b/components/section.vue
index a17ecf71d..a95fa2333 100644
--- a/components/section.vue
+++ b/components/section.vue
@@ -8,10 +8,6 @@
 </template>
 
 <style>
-  fieldset.no-colored-frames {
-    border-color: #afafaf !important;
-  }
-
   fieldset.no-colored-frames legend {
     color: var(--ac-color);
   }
diff --git a/layouts/default.vue b/layouts/default.vue
index 54913e08e..b701a3011 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -24,12 +24,13 @@
     <footer>
       <!-- Top section of footer: GitHub/install links -->
       <div>
-        <div>
-          <a href="https://github.com/liyasthomas/postwoman" target="_blank" rel="noopener"><img id="imgGitHub" src="~static/icons/github.svg" alt="" :style="logoStyle()">GitHub</a>
-        </div>
-        <div>
-          <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-text="👽 Postwoman - API request builder - Helps you create your requests faster, saving you precious time on your development" data-url="https://postwoman.io" data-via="liyasthomas" data-hashtags="postwoman" data-related="liyasthomas" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-        </div>
+        <a href="https://github.com/liyasthomas/postwoman" target="_blank" rel="noopener"><img id="imgGitHub" src="~static/icons/github.svg" alt="" :style="logoStyle()">GitHub</a>
+        <button class="icon" onClick="window.open('https://twitter.com/share?text=👽 Postwoman • API request builder - Helps you create your requests faster, saving you precious time on your development&url=https://postwoman.io&hashtags=postwoman&via=liyasthomas');">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#1DA1F2">
+            <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/>
+          </svg>
+          <span>Tweet</span>
+        </button>
         <button id="installPWA" @click.prevent="showInstallPrompt()">
           Install PWA
         </button>