clean tests & other things

public/css/app.css

@@ -1,4 +1,4 @@
-@import url(https://fonts.googleapis.com/css?family=Nunito);@import url(https://fonts.googleapis.com/css?family=Open+Sans);body {
+@import url(https://fonts.googleapis.com/css?family=Open+Sans);body {
   margin: 0;
 }
 
@@ -68,6 +68,7 @@ body {
 .flex-center {
   display: flex;
   justify-content: center;
+  align-items: center;
 }
 
 .flex-end {
@@ -435,21 +436,26 @@ body {
 }
 
 .btn,
+.btn-alert,
 .btn-secondary,
 .btn-primary {
   font-size: 1.6rem;
   border: 1px solid transparent;
-  padding: 0.5rem;
+  padding: 0.5rem 1rem;
   border-radius: 0.5rem;
   cursor: pointer;
   box-shadow: 1px 1px 2px grey;
+  text-decoration: none;
   transition: background-color 0.2s, color 0.2s;
 }
 
 .btn:hover,
+.btn-alert:hover,
 .btn-secondary:hover,
 .btn-primary:hover {
   transition: background-color 0.2s, color 0.2s;
+  background-color: #1F6521;
+  color: #ffffff;
 }
 
 .btn-primary {
@@ -458,35 +464,43 @@ body {
   color: #ffffff;
 }
 
-.btn-primary:hover {
-  background-color: #1F2605;
-  color: #D6CE15;
+.btn-primary:visited,
+.btn-primary:focus {
+  color: #ffffff;
 }
 
 .btn-secondary {
   background-color: #A4A71E;
-  border-color: #53900F;
+  border-color: #A4A71E;
   color: #1F2605;
 }
 
-.btn-secondary:hover {
+.btn-alert {
+  background-color: red;
+  border-color: red;
+  color: #ffffff;
+}
+
+.btn-alert:hover {
   background-color: #1F2605;
-  color: #D6CE15;
 }
 
 label {
   display: block;
 }
 
+textarea,
 input {
   width: 100%;
   border: 1px solid #D6CE15;
   background-color: #eeeeee;
   font-size: 1.6rem;
+  font-family: "Open Sans", sans-serif;
   padding: 0.5rem;
   border-radius: 0.5rem;
 }
 
+textarea:focus,
 input:focus {
   background-color: #ffffff;
   border-color: #1F2605;
@@ -496,6 +510,15 @@ input[type=checkbox] {
   width: unset;
 }
 
+a {
+  color: #1F6521;
+}
+
+a:focus,
+a:visited {
+  color: #1F2605;
+}
+
 body {
   overflow: hidden;
   height: 100vh;
@@ -603,3 +626,27 @@ aside {
   font-weight: bold;
 }
 
+.memo-list h1 {
+  font-size: 2.2rem;
+}
+
+.memo-list a {
+  text-decoration: none;
+}
+
+.memo-list:nth-child(even) {
+  background-color: #D6CE15;
+}
+
+.memo-list:hover {
+  background-color: #A4A71E;
+}
+
+.memo-list:hover .memo-date {
+  opacity: 1;
+}
+
+.memo-date {
+  opacity: 0.6;
+}
+