@@ -61,25 +61,28 @@
Edit RFID Mapping
-
Move / Rename File
+
+
diff --git a/web/style.css b/web/style.css
index c28ecc7..485eb80 100644
--- a/web/style.css
+++ b/web/style.css
@@ -126,33 +126,13 @@ li {
}
/* Form styling improvements */
-#uploadForm {
+.form {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin: 20px 0;
-}
-
-#uploadButton {
- background-color: #007bff;
- color: white;
- border: none;
- padding: 10px 20px;
- border-radius: 4px;
- cursor: pointer;
- font-size: 16px;
- margin-left: 10px;
- transition: background-color 0.3s ease;
-}
-
-#uploadButton:hover:not(:disabled) {
- background-color: #0056b3;
-}
-
-#uploadButton:disabled {
- background-color: #6c757d;
- cursor: not-allowed;
+ text-align: left;
}
#uploadFile {
@@ -162,30 +142,6 @@ li {
margin-right: 10px;
}
-/* RFID mapping form styling */
-#editMappingForm {
- background-color: white;
- padding: 20px;
- border-radius: 8px;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
- margin: 20px 0;
- text-align: left;
-}
-
-#editMappingForm label {
- display: block;
- margin: 10px 0 5px 0;
- font-weight: bold;
-}
-
-#editMappingForm input[type="text"] {
- width: 100%;
- padding: 8px;
- border: 1px solid #ccc;
- border-radius: 4px;
- margin-bottom: 10px;
- box-sizing: border-box;
-}
/* ====== General mobile-friendly input & button styling ====== */
@@ -208,7 +164,7 @@ label {
color: #333;
}
-button {
+.action-btn {
background-color: #007bff;
color: #fff;
border: none;
@@ -220,11 +176,11 @@ button {
margin: 5px 0;
}
-button:hover:not(:disabled) {
+.action-btn:hover:not(:disabled) {
background-color: #0056b3;
}
-button:disabled {
+.action-btn:disabled {
background-color: #6c757d;
cursor: not-allowed;
}