From c5503998827936c024fc81c1b075c84c133ce08c Mon Sep 17 00:00:00 2001
From: NikitaRubocki <nikita.rubocki@gmail.com>
Date: Fri, 25 Feb 2022 16:44:15 -0800
Subject: [PATCH 1/2] Remove old CSS

---
 app/assets/stylesheets/custom.css.scss.erb | 79 ----------------------
 1 file changed, 79 deletions(-)

diff --git a/app/assets/stylesheets/custom.css.scss.erb b/app/assets/stylesheets/custom.css.scss.erb
index 32ba36c4..d42356c0 100644
--- a/app/assets/stylesheets/custom.css.scss.erb
+++ b/app/assets/stylesheets/custom.css.scss.erb
@@ -183,85 +183,6 @@ ul.indexing {
   }
 }
 
-.citation {
-  color: #4C4C4C;
-  font-size: 0.8em;
-}
-
-.qr {
-  border-width: 0;
-  border-style: none;
-  border-color: #0000ff;
-  border-collapse: collapse;
-  width: 50%;
-}
-.qr td {
-  border-width: 0;
-  border-style: none;
-  border-color: #0000ff;
-  border-collapse: collapse;
-  padding: 0;
-  margin: 0;
-  width: 0px;
-  height: 10px;
-}
-.qr td.black { background-color: #000; }
-.qr td.white { background-color: #fff; }
-
-
-
-// Biodiversity Report temperature slider / input range.
-// See app/javascript/biodiversiy_reports
-
-#temperature_wrapper input {
-  width: 90%;
-  display: inline;
-}
-
-#temperature_value {
-  display: inline-block;
-  width: 10%;
-  text-align: right;
-  font-size: 1.1em;
-}
-
-//Plot image carousel
-
-.carousel-control-prev
- {
-  position: absolute;
-  top: 50%;
-  bottom: 0;
-  right: 440px;
-  width:  30;
-  font-size: 35px;
-  color: $gray-medium-light;
-  text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
-  background-color: rgba(0, 0, 0, 0);
-  filter: alpha(opacity=50);
-}
-
-.carousel-control-next
- {
-  position: absolute;
-  top: 50%;
-  bottom: 0;
-  left: 270px;
-  width:  20%; 
-  font-size: 35px;
-  color:	$gray-medium-light;
-  text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
-  background-color: rgba(0, 0, 0, 0);
-  filter: alpha(opacity=50);
-}
-
-.carousel_photos {
-  padding-left: 20px;
-  padding-bottom: 10px;
-}
-
 #map {
   height: 720px;
 }

From 143d1b181d0497a46b0890ce58a4a9419af6104e Mon Sep 17 00:00:00 2001
From: NikitaRubocki <nikita.rubocki@gmail.com>
Date: Fri, 25 Feb 2022 16:44:25 -0800
Subject: [PATCH 2/2] Fix spacing problem

---
 app/assets/stylesheets/showpage.css.scss | 43 +++++++++++++-----------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/app/assets/stylesheets/showpage.css.scss b/app/assets/stylesheets/showpage.css.scss
index bc7eaf2e..9a4fffc7 100644
--- a/app/assets/stylesheets/showpage.css.scss
+++ b/app/assets/stylesheets/showpage.css.scss
@@ -21,15 +21,6 @@
 	}
 }
 
-.img-caption {
-	.space {
-		margin-top: $space4;
-		margin-bottom: 0px;
-		font-size: $txt4;
-		color: $grey2;
-	}
-}
-
 .info {
 	display: grid;
 	align-content: start;
@@ -117,6 +108,20 @@ td {
 	}
 }
 
+.img-caption {	
+	.space {
+		margin-top: $space4;
+		margin-bottom: 0px;
+	}
+
+	p {
+		width: $space11;
+		font-size: $txt2;
+		color: $grey2;
+		margin: 0 auto;
+	}
+}
+
 // Image Carousel
 .carousel {
 	.carousel-inner {
@@ -132,17 +137,17 @@ td {
 		height: $space11;
 		align-content: center;
 		justify-content: center;
-	}
 
-	.img-square {
-		margin: 0px;
-		padding: 0px;
-	}
+		.img-square {
+			margin: 0px;
+			padding: 0px;
+		}
 
-	a {
-		height: $space5;
-		width: $space5;
-		align-self: center;
-		margin: $space0;
+		a {
+			height: $space5;
+			width: $space5;
+			align-self: center;
+			margin: $space0;
+		}
 	}
 }