style: expand name cell

ts/Manager/App.scss

@@ -74,6 +74,11 @@
     width: 100%;
   }
 
+  .bbb-shrink {
+    width: 44px;
+    white-space: nowrap;
+  }
+
   tr {
     min-height: 62px;
   }
@@ -83,7 +88,7 @@
     cursor: pointer;
 
     .sort_arrow {
-      float: right;
+      display: inline-block;
       color: #888;
     }
   }

ts/Manager/App.tsx

@@ -108,10 +108,10 @@ const App: React.FC<Props> = () => {
 							{t('bbb', 'Name')} <SortArrow name='name' value={orderBy} direction={sortOrder} />
 						</th>
 						<th />
-						<th onClick={() => onOrderBy('maxParticipants')}>
+						<th onClick={() => onOrderBy('maxParticipants')} className="bbb-shrink">
 							{t('bbb', 'Max')} <SortArrow name='maxParticipants' value={orderBy} direction={sortOrder} />
 						</th>
-						<th onClick={() => onOrderBy('record')}>
+						<th onClick={() => onOrderBy('record')} className="bbb-shrink">
 							{t('bbb', 'Record')} <SortArrow name='record' value={orderBy} direction={sortOrder} />
 						</th>
 						<th>

ts/Manager/RoomRow.tsx

@@ -181,17 +181,17 @@ const RoomRow: React.FC<Props> = (props) => {
 				<td className="name">
 					{edit('name')}
 				</td>
-				<td>
+				<td className="bbb-shrink">
 					{room.userId !== OC.currentUser && <img src={avatarUrl} alt="Avatar" className="bbb-avatar" />}
 				</td>
-				<td className="max-participants">
+				<td className="max-participants bbb-shrink">
 					{edit('maxParticipants', 'number')}
 				</td>
-				<td className="record">
+				<td className="record bbb-shrink">
 					<input id={`bbb-record-${room.id}`} type="checkbox" className="checkbox" checked={room.record} onChange={(event) => updateRoom('record', event.target.checked)} />
 					<label htmlFor={`bbb-record-${room.id}`}></label>
 				</td>
-				<td><RecordingsNumber recordings={recordings} showRecordings={showRecordings} setShowRecordings={setShowRecordings} /></td>
+				<td className="bbb-shrink"><RecordingsNumber recordings={recordings} showRecordings={showRecordings} setShowRecordings={setShowRecordings} /></td>
 				<td className="edit icon-col">
 					<EditRoom room={props.room} updateProperty={updateRoom} />
 				</td>