From 59ea4191e841ad96afebed992243c7cc0e9968d5 Mon Sep 17 00:00:00 2001
From: secondl1ght <85003930+secondl1ght@users.noreply.github.com>
Date: Tue, 13 Sep 2022 19:42:32 -0600
Subject: fix styling on locale selector, clean up unused import

---
 src/components/LandingHeader.svelte             | 4 ++--
 src/routes/+layout.svelte                       | 2 +-
 src/routes/[username]/settings/_pos.svelte      | 6 +++---
 src/routes/[username]/settings/_security.svelte | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

(limited to 'src')

diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index 288cd629..4424959d 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -23,7 +23,7 @@
 				<Icon icon="logo" style="mb-5 xl:mb-0" />
 			</a>
 			<Icon icon="logo" style="block md:hidden ml-5 w-48" />
-			<LocaleSelector style="w-40 hidden md:block mb-5 xl:mb-0" />
+			<LocaleSelector style="py-1 rounded-md hidden md:block mb-5 xl:mb-0" />
 		</div>
 
 		<!-- desktop nav -->
@@ -102,7 +102,7 @@
 						{$t('nav.signOut')}
 					</button>
 				{/if}
-				<LocaleSelector style="py-1" />
+				<LocaleSelector style="py-1 rounded-md" />
 			</div>
 		</div>
 	</nav>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 13bf646e..e7a82a1a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -60,7 +60,7 @@
 		@apply block border rounded-2xl px-5 py-4 w-full;
 	}
 
-	select {
+	.select-styles {
 		@apply border rounded-2xl py-4 px-5;
 		-webkit-appearance: none;
 		-moz-appearance: none;
diff --git a/src/routes/[username]/settings/_pos.svelte b/src/routes/[username]/settings/_pos.svelte
index 1df2307b..eb86fa43 100644
--- a/src/routes/[username]/settings/_pos.svelte
+++ b/src/routes/[username]/settings/_pos.svelte
@@ -1,6 +1,6 @@
 <script>
 	import { rates, user } from '$lib/store';
-	import { Icon, Toggle, LocaleSelector } from '$comp';
+	import { Icon, Toggle } from '$comp';
 	import { t } from '$lib/translations';
 	import { success, failure, put } from '$lib/utils';
 
@@ -19,7 +19,7 @@
 
 <div>
 	<label for="currency" class="font-bold block mb-1">{$t('user.settings.localCurrency')}</label>
-	<select name="currency" on:change={updateFiat} class="block py-3 w-full">
+	<select name="currency" on:change={updateFiat} class="select-styles block py-3 w-full">
 		{#each fiats as fiat}
 			<option value={fiat} selected={$user.currency === fiat}>{fiat}</option>
 		{/each}
@@ -28,7 +28,7 @@
 
 <div>
 	<label for="unit" class="font-bold block mb-1">{$t('user.settings.btcUnit')}</label>
-	<select name="unit" class="block py-3 w-full" bind:value={$user.unit}>
+	<select disabled name="unit" class="select-styles block py-3 w-full" bind:value={$user.unit}>
 		<option value="SAT">{$t('user.settings.satoshis')} (SAT)</option>
 		<option value="BTC">{$t('user.settings.bitcoin')} (BTC)</option>
 	</select>
diff --git a/src/routes/[username]/settings/_security.svelte b/src/routes/[username]/settings/_security.svelte
index c14c5b3b..d64a28e7 100644
--- a/src/routes/[username]/settings/_security.svelte
+++ b/src/routes/[username]/settings/_security.svelte
@@ -87,7 +87,7 @@
 	<p class="text-secondary mb-1">
 		{$t('user.settings.autoLockDescription')}
 	</p>
-	<select name="auto-lock" class="block py-3 w-full">
+	<select name="auto-lock" class="select-styles block py-3 w-full">
 		<option value="5">5 min</option>
 		<option value="10">10 min</option>
 		<option value="30">30 min</option>
-- 
cgit v1.2.3