v1.4.0-beta/add chat notification and alerts UI

app/src/index.css

@@ -74,8 +74,8 @@ body.amazon-prime #party-routes-wrapper textarea {
   box-shadow: none !important;
 }
 body.amazon-prime input.MuiInputBase-input {
-  height: 1.1876em !important;
-  padding: 6px 0 7px !important;
+  height: 24px !important;
+  padding: 6px !important;
 }
 body.amazon-prime input.MuiFilledInput-inputAdornedEnd {
   padding-right: 0 !important;
@@ -134,7 +134,6 @@ body.amazon-prime textarea:focus {
 }
 .party-notification-container {
   z-index: 99999 !important;
-  display: none !important;
   bottom: 0.8rem !important;
   right: 1rem !important;
   width: calc(var(--party-width) - 2rem) !important;
@@ -228,7 +227,7 @@ body.amazon-prime textarea:focus {
   border-radius: 1rem;
 }
 .thread-container::-webkit-scrollbar-thumb {
-  background-color: rgb(118, 182, 255);
+  background-color: rgb(180, 180, 180);
   border-radius: 13px;
 }
 textarea::-webkit-scrollbar {
@@ -253,15 +252,14 @@ textarea::-webkit-scrollbar {
   max-height: 100%;
   flex-direction: column;
   flex: 1;
-  padding: 2rem;
-  padding-bottom: 1rem;
+  padding: 30px 15px 15px 30px;
   box-sizing: border-box !important;
 }
 
 .party-chat-header {
   display: flex;
   align-items: flex-start;
-  padding-left: 1rem;
+  padding-left: 0;
   flex-direction: column;
 }
 
@@ -281,7 +279,7 @@ textarea::-webkit-scrollbar {
   font-size: 10px;
 }
 .party-controls {
-  margin-top: 2rem;
+  margin-top: 18px;
 }
 .party-controls .MuiButton-startIcon {
   margin-right: 0px !important;
@@ -292,7 +290,6 @@ textarea::-webkit-scrollbar {
 }
 .party-controls button:hover .party-control-button-text {
   display: initial;
-  font-size: 1rem !important;
 }
 .party-controls button:hover .MuiButton-startIcon {
   margin-right: 8px !important;
@@ -388,3 +385,44 @@ textarea::-webkit-scrollbar {
 .MuiTooltip-popper * {
   font-size: 1rem !important;
 }
+
+.MuiFormControlLabel-root.notification-switch {
+  margin-top: 18px;
+}
+
+body.amazon-prime .notification-switch .MuiSwitch-thumb {
+  position: absolute !important;
+  top: 9px !important;
+}
+
+.notification-switch .MuiTypography-body1 {
+  font-size: 12px !important;
+}
+
+.share-textbox textarea {
+  font-size: 12px !important;
+  height: 34px !important;
+  line-height: 1.5 !important;
+}
+
+.share-textbox label {
+  font-size: 12px !important;
+}
+
+.alerts-container {
+  margin: 5px 0;
+}
+
+.alert-card-content {
+  display: flex;
+  padding: 5px !important;
+}
+
+.alert-card-content p {
+  padding-left: 5px;
+  font-size: 10px;
+  line-height: 1.5;
+  display: flex;
+  letter-spacing: 1.1px;
+  align-items: center;
+}