better looking hrefs

cabiste-dev · Sep 2, 2023 · 766f867 · 766f867
1 parent f146d05
commit 766f867
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/assets/css/popup.css b/src/assets/css/popup.css
@@ -1,16 +1,17 @@
 .popup {
-    width: 20rem;
+    width: 19rem;
     padding-top: 1rem;
     padding-left: 1rem;
     padding-bottom: 1rem;
+    margin-bottom: 1px;
     background-color: black;
     color: white;
     border: 1px solid white;
     border-radius: 2px;
 
 }
 
-.seperator {
+.separator {
     height: 2px;
     margin-right: 1rem;
 }

diff --git a/src/popup/popup.html b/src/popup/popup.html
@@ -11,13 +11,13 @@
 
 <body class="popup">
     <h2 class=""><a id="gimmick_count">0</a> gimmicks to purge</h2>
-    <hr class="seperator">
+    <hr class="separator">
     <div style="overflow-y: scroll; height:300px;">
         <ul id="gimmick_list">
 
         </ul>
     </div>
-    <hr class="seperator">
+    <hr class="separator">
     <button id="button_mute" class="btn btn-dark2">Mute All</button>
     <!-- <button id="button_test">test button</button> -->
     <!-- <a href="popup.html" target="_blank">pop</a> -->

diff --git a/src/popup/popup.js b/src/popup/popup.js
@@ -60,6 +60,7 @@ async function PopulatePopup() {
         gimmickLink.innerText = `@${gimmick}`;
         gimmickLink.href = `https://twitter.com/${gimmick}`;
         gimmickLink.target = "_blank";
+        gimmickLink.className = "link-secondary link-offset-2 link-offset-3-hover link-underline link-underline-opacity-0 link-underline-opacity-75-hover";
 
         // create the list item
         let gimmickElement = document.createElement("li");