fix some firefox display things

client/coral-admin/src/containers/Configure/StreamSettings.js

@@ -171,6 +171,7 @@ const StreamSettings = ({updateSettings, settingsError, settings, errors}) => {
           </div>
         </div>
       </Card>
+      {/* the above card should be the last one if at all possible because of z-index issues with the selects */}
     </div>
   );
 };

client/coral-admin/src/containers/Dashboard/FlagWidget.js

@@ -3,6 +3,7 @@ import {Link} from 'react-router';
 import styles from './Widget.css';
 import I18n from 'coral-framework/modules/i18n/i18n';
 import translations from 'coral-admin/src/translations';
+import range from 'lodash/range';
 
 const lang = new I18n(translations);
 
@@ -44,7 +45,7 @@ const FlagWidget = (props) => {
           }
           { /* rows in a table with a fixed height will expand and ignore height.
                 this extra row will expand to fill the extra space. */
-            assets.length < 10 ? <tr></tr> : null
+            range(10 - Math.max(assets.length, 1)).map(() => <tr className={styles.emptyRow}></tr>)
           }
         </tbody>
       </table>

client/coral-admin/src/containers/Dashboard/LikeWidget.js

@@ -3,6 +3,7 @@ import {Link} from 'react-router';
 import styles from './Widget.css';
 import I18n from 'coral-framework/modules/i18n/i18n';
 import translations from 'coral-admin/src/translations';
+import range from 'lodash/range';
 
 const lang = new I18n(translations);
 
@@ -44,8 +45,8 @@ const LikeWidget = (props) => {
             : <tr className={styles.rowLinkify}><td colSpan="2">{lang.t('dashboard.no_likes')}</td></tr>
           }
           { /* rows in a table with a fixed height will expand and ignore height.
-                this extra row will expand to fill the extra space. */
-            assets.length < 10 ? <tr></tr> : null
+                put in some extra rows. */
+            range(10 - Math.max(assets.length, 1)).map(() => <tr className={styles.emptyRow}></tr>)
           }
         </tbody>
       </table>

client/coral-admin/src/containers/Dashboard/Widget.css

@@ -43,6 +43,10 @@
   height: var(--row-height);
 }
 
+.emptyRow {
+  height: var(--row-height);
+}
+
 .rowLinkify:last-child {
   border-bottom: none;
 }

client/coral-admin/src/containers/Streams/Streams.js

@@ -80,8 +80,8 @@ class Streams extends Component {
       <div
         className={closed ? styles.statusMenuClosed : styles.statusMenuOpen}
         onClick={this.onStatusClick(closed, id, statusMenuOpen)}>
-        {closed ? lang.t('streams.closed') : lang.t('streams.open')}
         {!statusMenuOpen && <Icon className={styles.statusMenuIcon} name='keyboard_arrow_down'/>}
+        {closed ? lang.t('streams.closed') : lang.t('streams.open')}
       </div>
       {
         statusMenuOpen &&