From 2511552e339145c3f6f5766c1188c46924bbe122 Mon Sep 17 00:00:00 2001
From: Binij Shrestha <shresthabinij@gmail.com>
Date: Tue, 27 Dec 2022 13:59:22 +0545
Subject: [PATCH] style fixes

---
 package-lock.json               |  4 ++--
 package.json                    |  2 +-
 src/lib/Calendar.svelte         |  3 ++-
 src/lib/NepaliDatePicker.svelte | 10 ++++------
 src/lib/ShiftMonth.svelte       | 13 +++++++++++--
 5 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c6df32f..9f0a223 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "@ulleritech/nepali-date-picker",
-	"version": "0.3.0",
+	"version": "0.3.1",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@ulleritech/nepali-date-picker",
-			"version": "0.3.0",
+			"version": "0.3.1",
 			"license": "MIT",
 			"dependencies": {
 				"nepali-date-converter": "^3.3.1"
diff --git a/package.json b/package.json
index 8bf3333..3bcc7aa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@ulleritech/nepali-date-picker",
-	"version": "0.3.1",
+	"version": "0.3.3",
 	"description": "Nepali Date Picker",
 	"author": {
 		"name": "Ulleri Tech",
diff --git a/src/lib/Calendar.svelte b/src/lib/Calendar.svelte
index cfcdc7b..6ad05ff 100644
--- a/src/lib/Calendar.svelte
+++ b/src/lib/Calendar.svelte
@@ -142,11 +142,12 @@
 		font-size: 0.875rem;
 		line-height: 1.25rem;
 		padding: 0.5rem;
+		margin-top: 0.25rem;
 	}
 	.header {
 		display: flex;
 		width: 100%;
-		padding: 0.5rem 0.5rem 0rem 0.5rem;
+		padding: 0.5rem 0rem 0rem 0rem;
 		justify-content: space-between;
 	}
 	.header-wrapper {
diff --git a/src/lib/NepaliDatePicker.svelte b/src/lib/NepaliDatePicker.svelte
index f588c8a..e09d313 100644
--- a/src/lib/NepaliDatePicker.svelte
+++ b/src/lib/NepaliDatePicker.svelte
@@ -90,7 +90,6 @@
 			margin: 0;
 			font: inherit;
 			cursor: pointer;
-			outline: inherit;
 		}
 
 		body,
@@ -148,22 +147,21 @@
 		display: flex;
 		flex-direction: column;
 		background-color: white;
-		gap: 0.25rem;
 	}
 	.date-label {
 		text-align: left;
 		margin-bottom: 0.5rem;
 		height: 1rem;
-		font-weight: 700;
+		font-weight: 600;
 	}
 	.date-select-box {
 		display: flex;
-		padding-left: 0.25rem;
+
 		justify-content: center;
 		align-items: center;
-		height: 2.25rem;
+		height: 2.5rem;
 		background-color: white;
-		border: 0.5px solid #6b7280;
+		outline: 0.5px solid #6b7280;
 	}
 	.date-icon {
 		padding-right: 0.75rem;
diff --git a/src/lib/ShiftMonth.svelte b/src/lib/ShiftMonth.svelte
index 71f1db8..aa4d9a6 100644
--- a/src/lib/ShiftMonth.svelte
+++ b/src/lib/ShiftMonth.svelte
@@ -31,7 +31,7 @@
 </script>
 
 <div>
-	<button type="button" on:click={previousMonth} aria-label="calendar backward">
+	<button class="chevron" type="button" on:click={previousMonth} aria-label="calendar backward">
 		<svg
 			xmlns="http://www.w3.org/2000/svg"
 			class="icon icon-tabler icon-tabler-chevron-left"
@@ -49,7 +49,7 @@
 		</svg>
 	</button>
 
-	<button type="button" on:click={nextMonth} aria-label="calendar forward">
+	<button type="button" on:click={nextMonth} aria-label="calendar forward" class="chevron">
 		<svg
 			xmlns="http://www.w3.org/2000/svg"
 			class="icon icon-tabler icon-tabler-chevron-right"
@@ -67,3 +67,12 @@
 		</svg>
 	</button>
 </div>
+
+<style>
+	.chevron:hover {
+		color: gray;
+	}
+	.chevron:disabled {
+		color: gray;
+	}
+</style>