style select

svrgnty · Aug 31, 2024 · 6bf7ec1 · 6bf7ec1
1 parent 1a193b3
commit 6bf7ec1
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/src/layouts/styles/base/_formfields.scss b/src/layouts/styles/base/_formfields.scss
@@ -15,13 +15,16 @@
       background-color: #fff;
       //box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
 
+      input {
+        padding-right: 80px;
+
+    }
       input, select {
         flex: 1;
         border: none;
         outline: none;
         font-size: 1.2rem;
         background: transparent;
-        padding-right: 50px;
 
         &::placeholder {
           color: #b0b0b0;
@@ -59,9 +62,23 @@
         }
       }
 
-      /* Special styles for the select dropdown */
-        select {
+      select {
+        /* Reset */
+        appearance: none;
+        border: 0;
+        outline: 0;
+        background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z%22/%3E%3C/svg%3E') no-repeat right 0 center / 0.8em, transparent;
+        width: 100%;
         cursor: pointer;
+        /* Remove IE arrow */
+        &::-ms-expand {
+          display: none;
+        }
+        /* Remove focus outline */
+        &:focus {
+          outline: none;
+        }
       }
   }
-} 
+} 
+
diff --git a/src/pages/tools/satoshis-converter.js b/src/pages/tools/satoshis-converter.js
@@ -42,6 +42,7 @@ export const Head = () => (
         <p className="description">Convert satoshis (SATS) to Bitcoin and FIAT (USD, EUR, CHF).</p>
         <SatConverter />
         <p><FontAwesomeIcon icon="circle-info" /> Satoshis (SATS) are the smallest unit of Bitcoin, named after its creator, Satoshi Nakamoto. One Bitcoin is divisible into 100 million satoshis, meaning that 1 satoshi equals 0.00000001 BTC.</p>
+        <p>The bitcoin price data is provided by <a href="https://www.kraken.com/"  target="_blank">Kraken</a>.</p>
         </div>
         </div>
         <div className="main complimentary">