diff --git a/app/src/main/assets/logo.png b/app/src/main/assets/images/logo.png similarity index 100% rename from app/src/main/assets/logo.png rename to app/src/main/assets/images/logo.png diff --git a/app/src/main/assets/index.html b/app/src/main/assets/index.html index 1065388..066a16e 100644 --- a/app/src/main/assets/index.html +++ b/app/src/main/assets/index.html @@ -6,13 +6,16 @@ -
- -
-
+
+
+ +
+ +
+
- \ No newline at end of file + diff --git a/app/src/main/assets/style.css b/app/src/main/assets/style.css index 6ba98d0..945fad9 100644 --- a/app/src/main/assets/style.css +++ b/app/src/main/assets/style.css @@ -2,7 +2,7 @@ body { margin: 0; padding: 0; - background: #252525; + background: #202020; color: #ffffff; font-family: monospace, Arial; font-size: 12px; @@ -16,11 +16,21 @@ body { margin-left: 20px; margin-right: 20px; margin-top: 20px; - background-color: #252525; - border: 1px solid #ccc; + background-color: #282828; + border: 3px solid #ccc; border-radius: 8px; padding: 10px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + align-items: center; /* Center items vertically within the container */ + justify-content: center; /* Center items horizontally within the container */ +} +.price-display { + width: auto; + margin-right: 10px; + padding: 10px; + display: flex; /* Add this to create a flexbox layout */ + align-items: center; /* Center items vertically within the container */ + justify-content: center; /* Center items horizontally within the container */ } h1 { @@ -28,33 +38,29 @@ h1 { } #bitcoin-price { - display: flex; - align-items: center; - justify-content: center; - font-size: 24px; + font-size: 26px; font-weight: bold; text-align: center; - margin: 10px; } .bitcoin-logo { - height: 28px; + height: 50px; /* Adjust this to match the font size of the Bitcoin price */ - width: 28px; - margin-right: 5px; + width: 50px; + margin-right: 10px; /* Add some space between the logo and the price */ } .bitcoin-logo img { - height: 36px; + height: 50px; /* Adjust this to match the font size of the Bitcoin price */ - width: 36px; + width: 50px; /* Add some space between the logo and the price */ } #dollars-to-sats { font-size: 24px; - font-weight: bold; + font-weight: semi-bold; text-align: center; margin: 10px; -} \ No newline at end of file +}