Changed the tags layout in calendar cells

.gitignore

@@ -76,7 +76,7 @@ node_modules/
 /coverage
 
 # production
-/build
+build
 
 # misc
 .DS_Store

src/components/planning/PlanningsPage.module.scss

@@ -5,15 +5,20 @@
 }
 
 .calendarTag {
-    display: block !important;
-    font-size: 0.7rem !important;
     height: 15px !important;
-    margin: 1px 0 !important;
-    line-height: 10px !important;
+    vertical-align: middle;
+
+    &Container {
+        height: 15px;
+        margin: 1px 0;
+    }
+
+    &Text {
+        vertical-align: middle;
+    }
 
     &Outline {
         background-color: transparent !important;
-        color: black !important;
     }
 }
 

src/components/planning/PlanningsPage.tsx

@@ -168,14 +168,14 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
             const usedCapacity = internshipsToday.filter((internship) => internship.departmentId === department.id).length;
             const totalCapacity = department.totalCapacity;
             return (
-                <Tag
-                    key={department.id}
-                    color={department.color}
-                    style={{ border: `2px solid ${department.color}` }}
-                    className={classNames(styles.notClickableTag, styles.calendarTag, { [styles.calendarTagOutline]: usedCapacity < totalCapacity })}
-                >
-                    {usedCapacity} / {totalCapacity}
-                </Tag>
+                <div key={department.id} className={styles.calendarTagContainer}>
+                    <Tag
+                        color={department.color}
+                        style={{ border: `2px solid ${department.color}` }}
+                        className={classNames(styles.notClickableTag, styles.calendarTag, { [styles.calendarTagOutline]: usedCapacity < totalCapacity })}
+                    />
+                    <span className={styles.calendarTagText}>{usedCapacity} / {totalCapacity}</span>
+                </div>
             );
         });
         return (