iterate PR based on feedback

Signed-off-by: Michael Telatynski <[email protected]>

Author: t3chguy

res/css/views/rooms/_AppsDrawer.scss

@@ -58,7 +58,7 @@ $MiniAppTileHeight: 200px;
             width: 4px;
             border-radius: 4px;
 
-            content: ' ';
+            content: '';
 
             background-color: $primary-fg-color;
             opacity: 0.8;
@@ -101,7 +101,7 @@ $MiniAppTileHeight: 200px;
 // TODO this should be 300px but that's too large
 $MinWidth: 240px;
 
-.mx_AppsDrawer_has2 .mx_AppTile {
+.mx_AppsDrawer_2apps .mx_AppTile {
     width: 50%;
 
     &:nth-child(3) {
@@ -110,7 +110,7 @@ $MinWidth: 240px;
         min-width: $MinWidth !important;
     }
 }
-.mx_AppsDrawer_has3 .mx_AppTile {
+.mx_AppsDrawer_3apps .mx_AppTile {
     width: 33%;
 
     &:nth-child(3) {

src/components/views/rooms/AppsDrawer.js

@@ -244,9 +244,8 @@ export default class AppsDrawer extends React.Component {
             mx_AppsDrawer: true,
             mx_AppsDrawer_fullWidth: apps.length < 2,
             mx_AppsDrawer_resizing: this.state.resizing,
-            mx_AppsDrawer_has1: apps.length === 1,
-            mx_AppsDrawer_has2: apps.length === 2,
-            mx_AppsDrawer_has3: apps.length === 3,
+            mx_AppsDrawer_2apps: apps.length === 2,
+            mx_AppsDrawer_3apps: apps.length === 3,
         });
 
         return (