fix: Fixing the stylesheets

I changed the colors of the button when the orphanage is closed.
lobophf · Oct 20, 2020 · 8ff95dc · 8ff95dc
1 parent a487f74
commit 8ff95dc
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 7 deletions.
diff --git a/public/css/page-orphanage.css b/public/css/page-orphanage.css
@@ -1,6 +1,6 @@
 #page-orphanage {
 	display: flex;
-	min-height: 100vh;    
+	min-height: 100vh;
 }
 
 main {
@@ -42,7 +42,7 @@ main {
 	transition: opacity 0.2s;
 }
 
-.images button:hover, 
+.images button:hover,
 .images button.active {
 	opacity: 1.0;
 }
@@ -90,6 +90,7 @@ main {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 	column-gap: 2rem;
+	line-height: 1.5;
 }
 
 .open-details div {
@@ -116,3 +117,15 @@ main {
 	border-radius: 20px;
 	color: #37C77F;
 }
+
+.open-on-weekends.open {
+	background: linear-gradient(154.16deg, #EDFFF6 7.85%, #FFFFFF 91.03%);
+	border: 1px solid #A1E9C5;
+	color: #37C77F;
+}
+
+.open-on-weekends.closed {
+	background: linear-gradient(154.16deg, #FCF0F4 7.85%, #FFFFFF 91.03%);
+	border: 1px solid #FFBCD4;
+	color: #FF669D;
+}
diff --git a/public/css/page-orphanages.css b/public/css/page-orphanages.css
@@ -15,15 +15,15 @@ aside {
 
 aside h2 {
 	margin-top: 2.4rem;
-	font: 800 clamp(2rem, 5vw, 3.6)/1.1 'Nunito', sans-serif;
+	font: 800 clamp(2rem, 5vw, 3.6rem)/1.1 'Nunito', sans-serif;
 }
 
 aside p {
 	margin-top: 2.4rem;
 	font: 400 1.6rem/1.5 'Nunito', sans-serif;
 }
 
-aside footer p{
+aside footer p {
 	margin-top: 0.8rem;
 }
 
@@ -55,7 +55,7 @@ a.create-orphanage:hover {
 
 .leaflet-popup-content-wrapper {
 	background: rgba(255, 255, 255, 0.8);
-	border-radius: 20px;	
+	border-radius: 20px;
 }
 
 .leaflet-popup-content {
@@ -66,7 +66,7 @@ a.create-orphanage:hover {
 	justify-content: space-between;
 }
 
-.leaflet-popup-content a{
+.leaflet-popup-content a {
 	width: 4rem;
 	height: 4rem;
 	background: #15C3D6;
@@ -79,7 +79,7 @@ a.create-orphanage:hover {
 }
 
 
-.leaflet-popup-content a:hover{
+.leaflet-popup-content a:hover {
 	background: #17D6EB;
 }