mass-graduation: implement the requested prototype

1 files changed, 12 insertions, 18 deletions

diff --git a/mass-graducation/index.css b/mass-graducation/index.css
index e5abccf..28f4b88 100644
--- a/mass-graducation/index.css
+++ b/mass-graducation/index.css
@@ -87,23 +87,19 @@
 }
 
 .group-member-green {
-	color: green;
+	background: green;
 }
 .group-member-orange {
-	color: orange;
+	background: orange;
 }
 .group-member-red {
-	color: red;
+	background: red;
 }
 
-#group-member-point-reason-container {
-  margin: 0.2rem;
-}
-
-#grou-member-point-reason {
+#group-member-point-reason {
   box-sizing: border-box;
   padding: 10px;
-  width: 100%;
+  width: 50%;
   font-size: 0.8rem;
   letter-spacing: 1px;
   line-height: 1.5;
@@ -111,14 +107,12 @@
   border: 1px solid #cccccc;
 }
 
-#group-member-point-reason-submit {
-  position: absolute;
-  right: 0.75rem;
-  transform: translateY(-175%);
-  border: none;
-  background: transparent;
-  font-size: 1.875rem;
-  cursor: pointer;
-  color: #888;
+.group-member-print {
+	background: none;
+	border: none;
+	font-size: larger;
 }
 
+.group-member-observation-container {
+	background: lightgray;
+}