Return text-shadow back, make project wrapper less transparent

client/src/components/CardModal/CardModal.module.scss

@@ -150,25 +150,6 @@
     position: relative;
   }
 
-  .labels {
-    border: none;
-    border-radius: 3px;
-    box-sizing: border-box;
-    color: #fff;
-    display: inline-block;
-    font-size: 12px;
-    font-weight: 600;
-    line-height: 32px;
-    margin: 0 4px 4px 0;
-    max-width: 100%;
-    min-width: 40px;
-    outline: none;
-    overflow: hidden;
-    padding: 0 12px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
   .modalPadding {
     padding: 0px;
   }

client/src/components/Label/Label.module.scss

@@ -19,6 +19,7 @@
     outline: none;
     overflow: hidden;
     text-overflow: ellipsis;
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
     white-space: nowrap;
   }
 

client/src/components/LabelsStep/Editor.module.scss

@@ -21,6 +21,7 @@
     position: absolute;
     right: 6px;
     text-align: center;
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
     top: 0;
     transform: rotate(-135deg);
     width: 36px;

client/src/components/LabelsStep/Item.module.scss

@@ -23,6 +23,7 @@
     position: relative;
     text-align: left;
     text-overflow: ellipsis;
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
 
     &:hover {
       opacity: 0.9;

client/src/components/Project/ActionsPopup/EditBackgroundStep.module.scss

@@ -47,6 +47,7 @@
     position: absolute;
     right: 6px;
     text-align: center;
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
     top: 0;
     transform: rotate(-135deg);
     width: 36px;

client/src/components/Project/Project.module.scss

@@ -47,7 +47,7 @@
   }
 
   .wrapper {
-    background: rgba(0, 0, 0, 0.08);
+    background: rgba(0, 0, 0, 0.16);
     display: flex;
     flex-direction: column;
     height: 100%;