Sass improvements

stylesheets/_conversation.scss

@@ -710,7 +710,7 @@
   text-align: center;
   background-color: $color-light-35;
   border: none;
-  box-shadow: 0px 3px 5px 0px rRgba(0, 0, 0, 0.2);
+  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
   outline: none;
 
   &:hover {

ts/components/EditProfileDialog.tsx

@@ -91,7 +91,7 @@ export class EditProfileDialog extends React.Component<Props, State> {
 
               <SessionIconButton
                 iconType={SessionIconType.Upload}
-                iconSize={SessionIconSize.Large}
+                iconSize={SessionIconSize.Huge}
                 onClick={() => {
                   const el = this.inputEl.current;
                   if (el) {

ts/components/conversation/ConversationHeader.tsx

@@ -263,7 +263,7 @@ export class ConversationHeader extends React.Component<Props> {
       >
         <SessionIconButton
           iconType={SessionIconType.Ellipses}
-          iconSize={SessionIconSize.Large}
+          iconSize={SessionIconSize.Huge}
           onClick={this.showMenuBound}
         />
       </ContextMenuTrigger>

ts/components/session/LeftPaneSettingSection.tsx

@@ -126,7 +126,7 @@ export class LeftPaneSettingSection extends React.Component<any, State> {
             >
               <SessionIcon
                 iconType={SessionIconType.Caret}
-                iconSize={SessionIconSize.Large}
+                iconSize={SessionIconSize.Huge}
               />
             </SessionButton>
           </div>

ts/components/session/SessionToast.tsx

@@ -35,7 +35,7 @@ export class SessionToast extends React.PureComponent<Props> {
     const toastType = type ? type : SessionToastType.Info;
     const toastDesc = description ? description : '';
     const toastIconSize = toastDesc
-      ? SessionIconSize.Large
+      ? SessionIconSize.Huge
       : SessionIconSize.Medium;
 
     // Set a custom icon or allow the theme to define the icon

ts/components/session/icon/Icons.tsx

@@ -36,6 +36,7 @@ export enum SessionIconSize {
   Small = 'small',
   Medium = 'medium',
   Large = 'large',
+  Huge = 'huge',
 }
 
 export const icons = {

ts/components/session/icon/SessionIcon.tsx

@@ -41,6 +41,9 @@ export class SessionIcon extends React.PureComponent<Props> {
         iconDimensions = '20';
         break;
       case SessionIconSize.Large:
+        iconDimensions = '25';
+        break;
+      case SessionIconSize.Huge:
         iconDimensions = '30';
         break;
       default:

ts/components/session/settings/SessionSettingsHeader.tsx

@@ -26,7 +26,7 @@ export class SettingsHeader extends React.Component<SettingsViewProps> {
         {categoryTitle}
         <SessionIconButton
           iconType={SessionIconType.Search}
-          iconSize={SessionIconSize.Large}
+          iconSize={SessionIconSize.Huge}
           onClick={this.focusSearch}
         />
       </div>