ui changes made

Author: Preeti9764

src/index.css

@@ -417,51 +417,4 @@ hr,
 
 .dark-mode .token-preview-char {
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
-}
-
-/* Organization validation styles */
-#validateOrgBtn {
-    transition: all 0.2s ease;
-    min-width: 80px;
-}
-
-#validateOrgBtn:disabled {
-    opacity: 0.7;
-    cursor: not-allowed;
-}
-
-#validateOrgBtn i {
-    transition: all 0.2s ease;
-}
-
-#orgValidationStatus {
-    transition: all 0.3s ease;
-    padding: 4px 8px;
-    border-radius: 4px;
-    font-weight: 500;
-}
-
-#orgValidationStatus i {
-    margin-right: 4px;
-}
-
-/* Dark mode organization validation */
-.dark-mode #validateOrgBtn {
-    border-color: #404040;
-}
-
-.dark-mode #orgValidationStatus {
-    background-color: rgba(255, 255, 255, 0.05);
-}
-
-/* Organization input focus styles */
-#orgInput:focus {
-    outline: none;
-    border-color: #3b82f6;
-    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-}
-
-.dark-mode #orgInput:focus {
-    border-color: #60a5fa;
-    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);
 }

src/popup.html

@@ -140,19 +140,13 @@ <h4>Organization Name</h4>
 								</span>
 							</span>
 						</div>
-						<div class="flex gap-2 items-center">
+						<div class="flex items-center mt-4">
 							<input id="orgInput" type="text"
-								class="flex-1 border-2 border-gray-200 bg-gray-200 rounded-xl text-gray-800 p-2 my-2"
+								class="w-full border-2 border-gray-200 bg-gray-200 rounded-xl text-gray-800 p-2 my-2"
 								placeholder="Enter organization name (default: fossasia)">
-							<button id="validateOrgBtn"
-								class="bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded flex items-center gap-2 transition-colors duration-200"
-								title="Validate organization name">
-								<i class="fa fa-check"></i>
-								<span>Set</span>
-							</button>
-						</div>
-						<div id="orgValidationStatus" class="text-sm mt-1 hidden">
-							<!-- Status messages will be shown here -->
+							<button id="setOrgBtn" type="button"
+								class="ml-2 px-5 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-xl text-base my-2 h-[44px] flex-shrink-0"
+								style="min-width:60px;">Set</button>
 						</div>
 					</div>
 					<div class="">

src/scripts/main.js

@@ -123,19 +123,19 @@ function handleLastWeekContributionChange() {
 	let value = lastWeekContributionElement.checked;
 	let labelElement = document.querySelector("label[for='lastWeekContribution']");
 	if (value) {
-			startingDateElement.readOnly = true;
-			endingDateElement.readOnly = true;
-			endingDateElement.value = getToday();
-			startingDateElement.value = getLastWeek();
-		        handleEndingDateChange();
-		        handleStartingDateChange();
-			labelElement.classList.add("selectedLabel");
-			labelElement.classList.remove("unselectedLabel");
+		startingDateElement.readOnly = true;
+		endingDateElement.readOnly = true;
+		endingDateElement.value = getToday();
+		startingDateElement.value = getLastWeek();
+		handleEndingDateChange();
+		handleStartingDateChange();
+		labelElement.classList.add("selectedLabel");
+		labelElement.classList.remove("unselectedLabel");
 	} else {
-			startingDateElement.readOnly = false;
-			endingDateElement.readOnly = false;
-			labelElement.classList.add("unselectedLabel");
-			labelElement.classList.remove("selectedLabel");
+		startingDateElement.readOnly = false;
+		endingDateElement.readOnly = false;
+		labelElement.classList.add("unselectedLabel");
+		labelElement.classList.remove("selectedLabel");
 	}
 
 	chrome.storage.local.set({ lastWeekContribution: value });