reordering of styles.css

styles.css

@@ -471,6 +471,18 @@ if there only was one booking option. */
     color: red;
 }
 
+/* Make sure that spans within this container don't break.
+We need this for teachers for example. */
+.flex-wrap-container {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.flex-wrap-element {
+    display: inline-block;
+    white-space: nowrap;
+}
+
 /* Styles for new report.php */
 #accordion-usertables .columnclass.option {
     max-width: 100px;
@@ -492,18 +504,6 @@ if there only was one booking option. */
     margin-left: 20px;
 }
 
-/* Make sure that spans within this container don't break.
-We need this for teachers for example. */
-.flex-wrap-container {
-    display: flex;
-    flex-wrap: wrap;
-}
-
-.flex-wrap-element {
-    display: inline-block;
-    white-space: nowrap;
-}
-
 .report2-system-border {
     position: relative;
     padding: 5px 10px;