From a215f4ceb8200112c596c977621042187f0a2c35 Mon Sep 17 00:00:00 2001
From: srichman333 <sarah_n_richman@brown.edu>
Date: Fri, 16 Jun 2023 22:26:03 -0400
Subject: colors

---
 src/client/views/DocumentDecorations.scss | 32 +++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

(limited to 'src/client/views/DocumentDecorations.scss')

diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss
index 4d29427a6..c81c033da 100644
--- a/src/client/views/DocumentDecorations.scss
+++ b/src/client/views/DocumentDecorations.scss
@@ -221,12 +221,11 @@ $resizeHandler: 8px;
         pointer-events: auto;
         overflow: hidden;
         text-align: center;
-        width: 100%;
-        max-width: 120px;
+        width: 125px;
         display: flex;
-        height: 20px;
-        border-radius: 8px;
-        border-width: 10px;
+        height: 21px;
+        font-size: small;
+        gap: 2px;
         opacity: 0.3;
         &:hover {
             opacity: 1;
@@ -235,33 +234,38 @@ $resizeHandler: 8px;
             width: calc(100% + 10px);
             background: grey;
             color: rgb(71, 71, 71);
-            border-color: rgb(71, 71, 71);
+            border-radius: 8px;
+            border: 2px solid rgb(71, 71, 71);
         }
         .documentDecorations-shareEdit,
         .documentDecorations-shareAdmin{
             width: calc(100% + 10px);
-            background: rgb(235, 235, 145);
+            background: rgb(254, 254, 199);
             color: rgb(75, 75, 5);
-            border-color: rgb(75, 75, 5);
+            border-radius: 8px;
+            border: 2px solid rgb(75, 75, 5);
         }
         .documentDecorations-shareAugment{
             width: calc(100% + 10px);
-            background: rgb(160, 230, 160);
+            background: rgb(208, 255, 208);
             color:rgb(19, 80, 19);
-            border-color:rgb(19, 80, 19);
+            border-radius: 8px;
+            border: 2px solid rgb(19, 80, 19);
 
         }
         .documentDecorations-shareView{
             width: calc(100% + 10px);
-            background: rgb(161, 161, 238);
+            background: rgb(213, 213, 255);
             color: rgb(25, 25, 101);
-            border-color: rgb(25, 25, 101);;
+            border-radius: 8px;
+            border: 2px solid rgb(25, 25, 101);
         }
         .documentDecorations-shareNot-Shared{
             width: calc(100% + 10px);
-            background: rgb(210, 143, 143);
+            background: rgb(255, 207, 207);
             color: rgb(146, 58, 58);
-            border-color: rgb(146, 58, 58);;
+            border-radius: 8px;
+            border: 2px solid rgb(146, 58, 58);
         }
     }
 
-- 
cgit v1.2.3-70-g09d2