[New] added styling .g-table-dl to use as a <dl>:

<table class="g-table-dl">
  <tr>
    <td>label 1</td>
    <td>value 1</td>
  </tr>
  <tr>
    <td>label 2</td>
    <td>value 2</td>
  </tr>
</table>

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "strolch-wc-styles",
   "description": "Strolch WebComponent Styles",
-  "version": "0.4.5",
+  "version": "0.4.8",
   "authors": ["Robert von Burg"],
   "keywords": [
     "strolch",

strolch-wc-app-style.html

@@ -23,6 +23,7 @@
                 --app-pages-content-padding: 24px;
 
                 /* additional dimensions */
+                --app-font-size: 14px;
                 --column-min-width: 80px;
                 --column-side-padding: 12px;
 
@@ -80,6 +81,7 @@
             }
 
             app-toolbar > paper-button {
+                font-size: var(--app-font-size, 14px);
                 color: var(--primary-text-color);
             }
 
@@ -87,6 +89,10 @@
                 z-index: 10;
             }
 
+            paper-tabs {
+                --paper-tabs-selection-bar-color: var(--app-regular-highlight-bg-color);
+            }
+
             paper-menu {
                 --paper-menu-selected-item: {
                     background-color: var(--app-light-highlight-bg-color);

strolch-wc-styles.html

@@ -14,6 +14,14 @@
                 border-radius: 2px;
             }
 
+            /*
+             * table as a data definition list. Works simpler than a dl
+             */
+            .g-table-dl td:first-child {
+                text-align: right;
+                padding-right: 5px;
+            }
+
             /*
              * data definition list
              */