css: keep schema-table identifiers from wrapping mid-word

Tables in the developer guides use the first column for
identifiers (field names like 'display_manager', package
names like 'gnome-control-center'). When the column was
narrow, mkdocs material was wrapping the identifier
between letters — 'display_manage' / 'r' — which was
unreadable.

Add a CSS rule that says: in any table, if the first
column's cell contains a <code> element, don't wrap that
code. The rule is scoped to <code> in the first cell so
prose tables (where the first column might be a
sentence) are unaffected.

The result is that schema tables auto-size their first
column to fit the longest identifier without wrapping
mid-word, while keeping the rest of the columns flexible.

Author: igorpecovnik

docs/css/armbian-extra.css

@@ -23,6 +23,17 @@
     display: table;
 }
 
+/* Prevent the first column of schema/reference tables from wrapping
+ * mid-identifier. Identifiers like 'display_manager' or 'gnome-control-center'
+ * are common in the developer-guide tables and look terrible when broken
+ * across lines (e.g. 'display_manage' / 'r').
+ * Scope to <code> in the first cell so prose tables are unaffected.
+ */
+.md-typeset table:not([class]) td:first-child code,
+.md-typeset table:not([class]) th:first-child code {
+    white-space: nowrap;
+}
+
 /* Style for only specially tagged bash blocks */
 pre.custom-bash-block, code.custom-bash-block {
   font-size: 24pt;