JavaScriptSolidServer
diff --git a/‎src/tabs.js‎
Lines changed: 5 additions & 2 deletions b/‎src/tabs.js‎
Lines changed: 5 additions & 2 deletions
diff --git a/‎src/test/test-tabs.html‎
Lines changed: 1 addition & 1 deletion b/‎src/test/test-tabs.html‎
Lines changed: 1 addition & 1 deletion
@@ -88,13 +88,16 @@ UI.tabs.tabWidget = function (options) {
       (vertical ? 'row' : 'column') + (flipped ? '-reverse;' : ';')
 
   navElement = rootElement.appendChild(dom.createElement('nav'))
-  navElement.setAttribute('style', 'margin: 0;')
+  navElement.style = 'margin: 0;'
 
   mainElement = rootElement.appendChild(dom.createElement('main'))
 
   mainElement.setAttribute('style', 'margin: 0; width:100%; height: 100%;') // override tabbedtab.css
   tabContainer = navElement.appendChild(dom.createElement('ul'))
-  tabContainer.style = 'list-style-type: none;' // No bullet please
+  tabContainer.style = 'list-style-type: none;' + // No bullet please ...
+  'display: flex; height: 100%; width: 100%; flex-direction: ' +
+     (vertical ? 'column' : 'row') // + (flipped ? '-reverse;' : ';')
+     // Never flip the direction of readuing the tabs, assuming people read left to right and top to bottom
 
   tabElement = 'li'
 
 
@@ -71,7 +71,7 @@ <h2>Test Tabs widget</h2>
   ui:orientation 0; ui:ordered true;
   ui:subject &lt;#it&gt;.
 &lt;#it&gt;
-  trip:attachmentList ( &lt;http://aclu.org/&gt; &lt;http://cnn.com/&gt; &lt;https://webfoundation.org/&gt; ) .
+  trip:attachmentList ( &lt;http://aclu.org/&gt; &lt;http://inrupt.com/&gt; &lt;https://webfoundation.org/&gt; ) .
 
 #ends