File tree Expand file tree Collapse file tree 1 file changed +17
-5
lines changed Expand file tree Collapse file tree 1 file changed +17
-5
lines changed Original file line number Diff line number Diff line change @@ -74,25 +74,37 @@ body {
74
74
.schedule-day-header {
75
75
background-color : #00618F ;
76
76
color : white ;
77
- padding : 15 px ;
77
+ padding : 10 px 20 px ; /* Reduced padding */
78
78
cursor : pointer ;
79
79
display : flex ;
80
80
justify-content : space-between ;
81
81
align-items : center ;
82
- border-radius : 10px ;
83
- transition : background-color 0.3s ease ;
82
+ border-radius : 8px ; /* Slightly rounded corners */
83
+ transition : background-color 0.3s ease , box-shadow 0.3s ease ;
84
+ max-width : 600px ; /* Limiting the width */
85
+ margin : 0 auto ; /* Center the banner */
86
+ box-shadow : 0 2px 6px rgba (0 ,0 ,0 ,0.1 ); /* Add a soft shadow for a cleaner look */
87
+ font-size : 1rem ; /* Adjusting font size for better readability */
88
+ text-align : center ; /* Center the text */
84
89
}
85
90
86
91
.schedule-day-header :hover {
87
92
background-color : #3280a5 ;
93
+ box-shadow : 0 4px 8px rgba (0 ,0 ,0 ,0.2 ); /* Slightly increase shadow on hover */
88
94
}
89
95
90
96
.schedule-day-content {
91
97
background-color : white ;
92
98
border : 1px solid #ddd ;
93
- border-radius : 10 px ;
94
- padding : 20 px ; /* Added extra padding for a more spacious look */
99
+ border-radius : 8 px ;
100
+ padding : 15 px ;
95
101
display : none ;
102
+ max-width : 600px ; /* Ensure content aligns with header */
103
+ margin : 0 auto ; /* Center the content as well */
104
+ }
105
+
106
+ .expand-icon {
107
+ font-size : 1.2rem ;
96
108
}
97
109
98
110
.schedule-day-content.show {
You can’t perform that action at this time.
0 commit comments