Minor edits to CSS and button order #91

Signed-off-by: John M. Horan <[email protected]>

Author: John M. Horan

assets/css/main.css

@@ -242,6 +242,17 @@ div.dataTables_scrollHead th:first-child {
   border-top-left-radius: 4px;
 }
 
+/* Modify the colvis column-visibility and -grouping buttons */
+.buttons-colvis {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+
+.buttons-colvisGroup {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+
 /*---------------------------------------
   Help page
 -----------------------------------------*/
@@ -366,15 +377,4 @@ div.dataTables_scrollHead th:first-child {
   padding: 14px;
   text-align: center;
   color: #ffffff;
-}
-
-/* Modify the colvis column-visibility and -grouping buttons */
-.buttons-colvis {
-  padding-right: 10px;
-  padding-left: 10px;
-}
-
-.buttons-colvisGroup {
-  padding-right: 10px;
-  padding-left: 10px;
 }

assets/js/aboutCodeDataTables.js

@@ -237,23 +237,18 @@ class AboutCodeDataTable {
                     collectionLayout: "fixed two-column"
                 },
                 {
-                    // Show only copyright columns
                     extend: "colvisGroup",
-                    text: "Copyright info",
-                    show: AboutCodeDataTable.COPYRIGHT_GROUP
-                        .map((column) => `${column.name}:name`),
-                    hide: AboutCodeDataTable.TABLE_COLUMNS
-                        .filter((column) => AboutCodeDataTable.COPYRIGHT_GROUP.indexOf(column) < 0)
-                        .map((column) => `${column.name}:name`)
+                    text: "Show all",
+                    show: ":hidden"
                 },
                 {
-                    // Show only license columns
+                    // Hide all columns except Path
                     extend: "colvisGroup",
-                    text: "License info",
-                    show: AboutCodeDataTable.LICENSE_GROUP
+                    text: "Hide all",
+                    show: AboutCodeDataTable.LOCATION_COLUMN
                         .map((column) => `${column.name}:name`),
                     hide: AboutCodeDataTable.TABLE_COLUMNS
-                        .filter((column) => AboutCodeDataTable.LICENSE_GROUP.indexOf(column) < 0)
+                        .filter((column) => AboutCodeDataTable.LOCATION_COLUMN.indexOf(column) < 0)
                         .map((column) => `${column.name}:name`)
                 },
                 {
@@ -267,28 +262,33 @@ class AboutCodeDataTable {
                         .map((column) => `${column.name}:name`)
                 },
                 {
-                    // Show only package columns
+                    // Show only copyright columns
                     extend: "colvisGroup",
-                    text: "Package info",
-                    show: AboutCodeDataTable.PACKAGE_GROUP
+                    text: "Copyright info",
+                    show: AboutCodeDataTable.COPYRIGHT_GROUP
                         .map((column) => `${column.name}:name`),
                     hide: AboutCodeDataTable.TABLE_COLUMNS
-                        .filter((column) => AboutCodeDataTable.PACKAGE_GROUP.indexOf(column) < 0)
+                        .filter((column) => AboutCodeDataTable.COPYRIGHT_GROUP.indexOf(column) < 0)
                         .map((column) => `${column.name}:name`)
                 },
                 {
+                    // Show only license columns
                     extend: "colvisGroup",
-                    text: "Show all",
-                    show: ":hidden"
+                    text: "License info",
+                    show: AboutCodeDataTable.LICENSE_GROUP
+                        .map((column) => `${column.name}:name`),
+                    hide: AboutCodeDataTable.TABLE_COLUMNS
+                        .filter((column) => AboutCodeDataTable.LICENSE_GROUP.indexOf(column) < 0)
+                        .map((column) => `${column.name}:name`)
                 },
                 {
-                    // Hide all columns except Path
+                    // Show only package columns
                     extend: "colvisGroup",
-                    text: "Hide all",
-                    show: AboutCodeDataTable.LOCATION_COLUMN
+                    text: "Package info",
+                    show: AboutCodeDataTable.PACKAGE_GROUP
                         .map((column) => `${column.name}:name`),
                     hide: AboutCodeDataTable.TABLE_COLUMNS
-                        .filter((column) => AboutCodeDataTable.LOCATION_COLUMN.indexOf(column) < 0)
+                        .filter((column) => AboutCodeDataTable.PACKAGE_GROUP.indexOf(column) < 0)
                         .map((column) => `${column.name}:name`)
                 }
             ],