Add back the settings button to the bottom buttons group for SPA mobile.

This is an edgecase where we need the settings button but have hidden it
before.

src/room/InCallView.module.css

@@ -104,6 +104,20 @@ Please see LICENSE in the repository root for full details.
   }
 }
 
+.settingForButtonsBar {
+  /*
+  never show the settings button for the buttons bar
+  show the settings button in the Buttons bar on width < 500px
+  */
+  display: none;
+}
+.settingForBottomLeftCorner {
+  /*
+  show the left corener by default (will be hidden on width < 500px)
+  */
+  display: inherit;
+}
+
 /*
 With the logo hidden >500px is enough space to show overflow, buttons, layout.
 Once we exceed 500 we hide everything except the buttons.

src/room/InCallView.tsx

@@ -568,8 +568,8 @@ export const InCallView: FC<InCallViewProps> = ({
       asOverlay={windowMode === "flat"}
       showFooter={showFooter}
       showControls={showControls}
-      showLogo={headerStyle !== HeaderStyle.None}
-      showSettingsButton={headerStyle !== HeaderStyle.AppBar}
+      hideLogo={headerStyle === HeaderStyle.None}
+      hideSettingsButton={headerStyle === HeaderStyle.AppBar}
       asPip={layout.type === "pip"}
       gridMode={gridMode}
       setGridMode={setGridMode}