adjust toast styling again

wwwroot/css/site.css

@@ -35,38 +35,31 @@ textarea {
     border-width: 0;
 }
 
-    .dark textarea {
+.dark textarea {
     background-color: #222;
     color: #ddd;
-    }
+}
 
 .toast {
     position: fixed;
-    bottom: 0;
-    right: 20px;
-    font-size: 12px;
-    padding: 10px;
+    bottom: -30px;
+    right: 25px;
+    font-size: 11px;
+    padding: 6px;
     color: #fff;
-    transition: opacity 0.4s;
-    opacity: 0;
+    transition: bottom 0.3s;
+    opacity: 0.6;
+    border-radius: 5px 5px 0 0;
 }
 
     .toast.show {
-        opacity: 0.8;
+        bottom: 0;
     }
 
-.dark #saved-indicator {
-    color: lawngreen;
-}
+    .toast#saved-indicator {
+        background-color: green;
+    }
 
-#saved-indicator {
-    color: green;
-}
-
-.dark #update-indicator {
-    color: orange;
-}
-
-#update-indicator {
-    color: orangered;
-}
+    .toast#update-indicator {
+        background-color: orangered;
+    }