Fixed: Overflowing release profile terms

(cherry picked from commit b90e25f652dcee3b9510a6f148a8d7a32a1ebe58)

frontend/src/Components/Form/TagInputTag.css

@@ -2,12 +2,21 @@
   display: flex;
   justify-content: center;
   flex-direction: column;
+  max-width: 100%;
   height: 31px;
 }
 
 .link {
   composes: link from '~Components/Link/Link.css';
 
+  max-width: 100%;
+  line-height: 1px;
+}
+
+.linkWithEdit {
+  composes: link from '~Components/Link/Link.css';
+
+  max-width: calc(100% - 9px - 4px - 2px);
   line-height: 1px;
 }
 
@@ -21,5 +30,11 @@
 .editButton {
   composes: button from '~Components/Link/IconButton.css';
 
-  width: auto;
+  width: 9px;
+}
+
+.label {
+  composes: label from '~Components/Label.css';
+
+  max-width: 100%;
 }

frontend/src/Components/Form/TagInputTag.css.d.ts

@@ -3,7 +3,9 @@
 interface CssExports {
   'editButton': string;
   'editContainer': string;
+  'label': string;
   'link': string;
+  'linkWithEdit': string;
   'tag': string;
 }
 export const cssExports: CssExports;

frontend/src/Components/Form/TagInputTag.js

@@ -48,20 +48,21 @@ class TagInputTag extends Component {
       kind,
       canEdit
     } = this.props;
+
     return (
       <div
         className={styles.tag}
         tabIndex={-1}
       >
         <Label
+          className={styles.label}
           kind={kind}
         >
           <Link
-            className={styles.link}
+            className={canEdit ? styles.linkWithEdit : styles.link}
             tabIndex={-1}
             onPress={this.onDelete}
           >
-
             {tag.name}
           </Link>
 

frontend/src/Settings/Indexers/Restrictions/Restriction.css

@@ -9,3 +9,9 @@
   flex-wrap: wrap;
   margin-top: 5px;
 }
+
+.label {
+  composes: label from '~Components/Label.css';
+
+  max-width: 100%;
+}

frontend/src/Settings/Indexers/Restrictions/Restriction.css.d.ts

@@ -2,6 +2,7 @@
 // Please do not change this file!
 interface CssExports {
   'enabled': string;
+  'label': string;
   'restriction': string;
 }
 export const cssExports: CssExports;

frontend/src/Settings/Indexers/Restrictions/Restriction.js

@@ -77,6 +77,7 @@ class Restriction extends Component {
 
               return (
                 <Label
+                  className={styles.label}
                   key={item}
                   kind={kinds.SUCCESS}
                 >
@@ -96,6 +97,7 @@ class Restriction extends Component {
 
               return (
                 <Label
+                  className={styles.label}
                   key={item}
                   kind={kinds.DANGER}
                 >