Merge branch 'develop' into issue-17

Author: narekcat

client/src/components/GroupsSideMenu/filters.module.css

@@ -102,7 +102,7 @@
 
 .sectionItemTitle {
   color: gray2;
-  word-break: break-word;
+  word-break: break-all;
   padding-right: 12px;
 }
 

client/src/components/UserGroup/index.jsx

@@ -21,6 +21,7 @@ export default function UserGroup({
           .map((group, index) => {
             return (
               <Pill
+                className={styles.pillContainer}
                 key={group.id}
                 name={group.name}
                 removable={true}

client/src/components/UserGroup/style.module.scss

@@ -51,3 +51,11 @@ div.groupContent > button:first-child {
   align-items: center;
   height: 30px;
 }
+
+.pillContainer {
+  max-width: -webkit-fill-available;
+  /* Mozilla-based browsers will ignore this. */
+  max-width: stretch;
+  max-width: -moz-available;
+  /* WebKit-based browsers will ignore this. */
+}