reverted some bug fix changes that are on a different PR

Author: timea-solid

src/tabs.ts

@@ -178,7 +178,7 @@ export function tabWidget (options: TabWidgetOptions) {
   const onClose = options.onClose
 
   const [selectedColor, color] = getColors(backgroundColor)
-  const bodyMainStyle = `display: grid; width: auto; height: 100%; border: 0.1em; border-style: solid; border-color: ${selectedColor}; padding: 1em;`
+  const bodyMainStyle = `flex: 2; width: auto; height: 100%; border: 0.1em; border-style: solid; border-color: ${selectedColor}; padding: 1em;`
   const rootElement: TabWidgetElement = dom.createElement('div') // 20200117a
 
   rootElement.setAttribute('style', style.tabsRootElement)

src/widgets/forms.js

@@ -712,38 +712,16 @@ field[ns.ui('Classifier').uri] = function (
     if (!ok) return callbackFunction(ok, body)
     return callbackFunction(ok, body)
   }
-  // Create container for label and select
-  const outerBox = dom.createElement('div')
-  outerBox.setAttribute('class', 'classifierBox')
-  // Render label
-  const labelDiv = dom.createElement('div')
-  labelDiv.setAttribute('class', 'formFieldName classifierBox-label')
-  // Use fieldLabel to render ui:label if present
-  labelDiv.appendChild(fieldLabel(dom, category, form))
-  outerBox.appendChild(labelDiv)
-  // Render select
-  const selectBox = dom.createElement('div')
-  selectBox.setAttribute('class', 'formFieldValue classifierBox-selectBox')
-  const selectElement = makeSelectForNestedCategory(
+  const box = makeSelectForNestedCategory(
     dom,
     kb,
     subject,
     category,
     dataDoc,
     checkOptions
   )
-  // Set readonly if not editable
-  if (selectElement && selectElement.querySelector && selectElement.querySelector('select')) {
-    const select = selectElement.querySelector('select');
-    if (select && !kb.updater.editable(dataDoc.uri)) {
-      select.readOnly = true;
-      select.style = style.textInputStyleUneditable;
-    }
-  }
-  selectBox.appendChild(selectElement)
-  outerBox.appendChild(selectBox)
-  if (container) container.appendChild(outerBox)
-  return outerBox
+  if (container) container.appendChild(box)
+  return box
 }
 
 /**         Choice field

test/unit/__snapshots__/tabs.test.ts.snap

@@ -8,7 +8,7 @@ exports[`tabWidget minimal setup of options renders content for first tab 1`] =
     style="height: 100%; width: 100%;"
   >
     <main
-      style="display: grid; width: auto; height: 100%; border: 0.1em; border-style: solid; border-color: #e7e7db; padding: 1em;"
+      style="flex: 2; width: auto; height: 100%; border: 0.1em; border-style: solid; border-color: #e7e7db; padding: 1em;"
     />
   </div>
   <div