From 4cbb271b03f52f710c2dcd4385ff7da3af6f0a29 Mon Sep 17 00:00:00 2001
From: yash-bharatiya_psl <yashsoc@gmail.com>
Date: Sat, 26 Aug 2023 01:51:09 +0530
Subject: [PATCH 1/2] Mobile Friendly DatePick

---
 src/main/webapp/resources/css/app.css | 83 ++++++++++++++++++++++-----
 1 file changed, 68 insertions(+), 15 deletions(-)

diff --git a/src/main/webapp/resources/css/app.css b/src/main/webapp/resources/css/app.css
index 6adc96f4..88e3b9cd 100644
--- a/src/main/webapp/resources/css/app.css
+++ b/src/main/webapp/resources/css/app.css
@@ -1,14 +1,14 @@
 /* Variables */
 :root {
   --secondary-text-color: #ffffff;
-
-
+  
+  
   --primary-color: #FFA500;
   --primary-color-darker: #d48900;
   --primary-color-lighten: #f5ecda;
-
+  
   --secondary-color: #262626;
-
+  
   --background-panel-main-color: #262626;
 }
 
@@ -24,8 +24,8 @@ body {
 }
 
 /*************************************
-             Side panel style
- *************************************/
+Side panel style
+*************************************/
 
 .ui-button.ui-state-default.ui-button-flat {
   background-color: transparent;
@@ -38,7 +38,7 @@ body {
 #ui-sd-1 {
   padding: 0;
 }
-    
+
 .side-panel {
   background-color: #1a1a1a;
   padding: 0;
@@ -66,6 +66,43 @@ body {
   border-bottom: 3px solid orange;
 }
 
+#j_idt5\:j_idt23_header {
+  padding: 0.5rem;
+}
+
+#j_idt5\:j_idt23_content {
+  padding: 0.5rem;
+}
+
+#j_idt5\:j_idt7_header {
+  padding: 0.5rem;
+}
+
+#j_idt5\:j_idt7_content {
+  padding: 0.5rem;
+}
+#j_idt5\:j_idt11_header {
+  padding: 0.5rem;
+}
+
+#j_idt5\:j_idt11_content {
+  padding: 0.5rem;
+}
+#j_idt5\:j_idt15_header {
+  padding: 0.5rem;
+}
+
+#j_idt5\:j_idt15_content {
+  padding: 0.5rem;
+}
+#j_idt5\:j_idt19_header {
+  padding: 0.5rem;
+}
+
+#j_idt5\:j_idt19_content {
+  padding: 0.5rem;
+}
+
 #side-sub-menu li a {
   font-family: 'Lato', sans-serif;
   padding: 10% 0 10% 15%;
@@ -220,22 +257,34 @@ body .ui-menu {
   border: 1px solid #3b3e40;
 }
 
-body .ui-datepicker .ui-datepicker-header {
+#ui-datepicker-div {
+  padding: 0.1rem;
+}
+
+#ui-datepicker-div .ui-datepicker-header {
   padding: 0.5rem;
 }
 
-body .ui-datepicker .ui-datepicker-calendar td {
+#ui-datepicker-div .ui-datepicker-calendar td {
   padding: 0.01rem;
 }
 
-body .ui-datepicker .ui-datepicker-calendar td>a {
+#ui-datepicker-div .ui-datepicker-calendar td>a {
   width: 2rem;
-  height: 2.2rem;
+  height: 2rem;
   line-height: 2.2rem;
 }
 
-body .ui-datepicker.ui-input-overlay {
-  margin-top: 30%;
+#ui-datepicker-div .ui-datepicker-calendar th {
+  padding: 0.1rem;
+}
+
+#ui-datepicker-div .ui-timepicker-div dl {
+  margin: 0;
+}
+
+#ui-datepicker-div .ui-timepicker-div dl dd {
+  margin: 0 .714em 0 40%;
 }
 
 .ui-datepicker th {
@@ -301,14 +350,18 @@ button.ui-button.ui-state-default,
 }
 
 /*************************************
-             Wizard style
+              Wizard style
  *************************************/
 
+#j_idt5\:j_idt6 .ui-wizard-step-title {
+  padding: 0.1rem;
+}
+
 .ui-wizard-step-titles {
   display: flex;
   align-items: center;
   justify-content: center;
-
+  
   width: 100%;
 }
 

From 3499220d88adf78a2bc1443afd719947a8caa60e Mon Sep 17 00:00:00 2001
From: yash-bharatiya_psl <yashsoc@gmail.com>
Date: Sat, 26 Aug 2023 01:58:55 +0530
Subject: [PATCH 2/2] Remove Whitespace

---
 src/main/webapp/resources/css/app.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/main/webapp/resources/css/app.css b/src/main/webapp/resources/css/app.css
index 88e3b9cd..2a869020 100644
--- a/src/main/webapp/resources/css/app.css
+++ b/src/main/webapp/resources/css/app.css
@@ -1,14 +1,14 @@
 /* Variables */
 :root {
   --secondary-text-color: #ffffff;
-  
-  
+
+
   --primary-color: #FFA500;
   --primary-color-darker: #d48900;
   --primary-color-lighten: #f5ecda;
-  
+
   --secondary-color: #262626;
-  
+
   --background-panel-main-color: #262626;
 }
 
@@ -24,8 +24,8 @@ body {
 }
 
 /*************************************
-Side panel style
-*************************************/
+             Side panel style
+ *************************************/
 
 .ui-button.ui-state-default.ui-button-flat {
   background-color: transparent;
@@ -38,7 +38,7 @@ Side panel style
 #ui-sd-1 {
   padding: 0;
 }
-
+    
 .side-panel {
   background-color: #1a1a1a;
   padding: 0;
@@ -350,10 +350,10 @@ button.ui-button.ui-state-default,
 }
 
 /*************************************
-              Wizard style
+             Wizard style
  *************************************/
 
-#j_idt5\:j_idt6 .ui-wizard-step-title {
+ #j_idt5\:j_idt6 .ui-wizard-step-title {
   padding: 0.1rem;
 }
 
@@ -361,7 +361,7 @@ button.ui-button.ui-state-default,
   display: flex;
   align-items: center;
   justify-content: center;
-  
+
   width: 100%;
 }