From 85dc0544c707333af9ccd789036dab985cb11f23 Mon Sep 17 00:00:00 2001
From: Sanjit Joseph <78522615+sm-joseph@users.noreply.github.com>
Date: Thu, 17 Nov 2022 12:19:26 -0800
Subject: [PATCH 1/3] Add star rating system to main page

---
 source/static/ReviewCard.css | 46 ++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/source/static/ReviewCard.css b/source/static/ReviewCard.css
index 2c69f0b..20feb3a 100644
--- a/source/static/ReviewCard.css
+++ b/source/static/ReviewCard.css
@@ -81,3 +81,49 @@ main {
   background-color: rgb(254 171 171);
   border-color: red;
 }
+
+.hidden, 
+.rating:not(:checked) > input { /* Hide radio circles while star rating */
+display: none;
+}
+
+/* Unchecked stars */
+.rating:not(:checked) > label {
+  /* Make stars line up sideways and not vertically */
+  float:right; 
+
+  /* Hide label text */
+  width:1em;
+  overflow:hidden;
+  white-space:nowrap;
+
+  font-size:200%;
+  line-height:1.2;
+  color:#b3b3cc; 
+}
+
+.rating:not(:checked) > label:before {
+  content:'★';
+}
+
+/* Checked star color */
+.rating > input:checked ~ label {
+  color: #FFBF00;
+}
+
+.rating:not(:checked) > label:hover,
+.rating:not(:checked) > label:hover ~ label {
+  color: orangered;
+}
+
+.rating > input:checked + label:hover,
+.rating > input:checked + label:hover ~ label,
+.rating > input:checked ~ label:hover,
+.rating > input:checked ~ label:hover ~ label,
+.rating > label:hover ~ input:checked ~ label {
+  color: orangered;
+}
+
+.rating > label:active {
+  position:relative;
+}

From f9074a2bc6d62237b65591e68ea61fa2b1f6bd29 Mon Sep 17 00:00:00 2001
From: Sanjit Joseph <78522615+sm-joseph@users.noreply.github.com>
Date: Thu, 17 Nov 2022 12:31:51 -0800
Subject: [PATCH 2/3] Attempt CSS linting fix

---
 source/static/ReviewCard.css | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/source/static/ReviewCard.css b/source/static/ReviewCard.css
index 20feb3a..33b8dc1 100644
--- a/source/static/ReviewCard.css
+++ b/source/static/ReviewCard.css
@@ -82,33 +82,33 @@ main {
   border-color: red;
 }
 
-.hidden, 
+.hidden,
 .rating:not(:checked) > input { /* Hide radio circles while star rating */
-display: none;
+  display: none;
 }
 
 /* Unchecked stars */
 .rating:not(:checked) > label {
   /* Make stars line up sideways and not vertically */
-  float:right; 
+  float: right; 
 
   /* Hide label text */
-  width:1em;
-  overflow:hidden;
-  white-space:nowrap;
+  width: 1em;
+  overflow: hidden;
+  white-space: nowrap;
 
-  font-size:200%;
-  line-height:1.2;
-  color:#b3b3cc; 
+  font-size: 200%;
+  line-height: 1.2;
+  color: #b3b3cc;
 }
 
 .rating:not(:checked) > label:before {
-  content:'★';
+  content: "★";
 }
 
 /* Checked star color */
 .rating > input:checked ~ label {
-  color: #FFBF00;
+  color: #ffbf00;
 }
 
 .rating:not(:checked) > label:hover,
@@ -116,6 +116,10 @@ display: none;
   color: orangered;
 }
 
+.rating > label:active {
+  position: relative;
+}
+
 .rating > input:checked + label:hover,
 .rating > input:checked + label:hover ~ label,
 .rating > input:checked ~ label:hover,
@@ -123,7 +127,3 @@ display: none;
 .rating > label:hover ~ input:checked ~ label {
   color: orangered;
 }
-
-.rating > label:active {
-  position:relative;
-}

From 004e5cc2a23ecffadd4a0014ce999b9ddac14c02 Mon Sep 17 00:00:00 2001
From: Sanjit Joseph <78522615+sm-joseph@users.noreply.github.com>
Date: Thu, 17 Nov 2022 12:44:19 -0800
Subject: [PATCH 3/3] Attempt CSS linting fix - v2

---
 source/static/ReviewCard.css | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/source/static/ReviewCard.css b/source/static/ReviewCard.css
index 33b8dc1..87b5958 100644
--- a/source/static/ReviewCard.css
+++ b/source/static/ReviewCard.css
@@ -90,19 +90,24 @@ main {
 /* Unchecked stars */
 .rating:not(:checked) > label {
   /* Make stars line up sideways and not vertically */
-  float: right; 
+  float: right;
 
   /* Hide label text */
   width: 1em;
   overflow: hidden;
   white-space: nowrap;
 
+  /* Star default color and size */
   font-size: 200%;
   line-height: 1.2;
   color: #b3b3cc;
 }
 
-.rating:not(:checked) > label:before {
+.rating > label:active {
+  position: relative;
+}
+
+.rating:not(:checked) > label::before {
   content: "★";
 }
 
@@ -116,13 +121,9 @@ main {
   color: orangered;
 }
 
-.rating > label:active {
-  position: relative;
-}
-
 .rating > input:checked + label:hover,
-.rating > input:checked + label:hover ~ label,
 .rating > input:checked ~ label:hover,
+.rating > input:checked + label:hover ~ label,
 .rating > input:checked ~ label:hover ~ label,
 .rating > label:hover ~ input:checked ~ label {
   color: orangered;