#46 - Fix rendering of tag pickers

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+## [2.1.0] - 2020-08-XX - Upcoming release
+
+- [#46](https://github.com/estruyf/vscode-front-matter/issues/46): Make the tag pickers render in full width
+
 ## [2.0.1] - 2020-07-27
 
 - [#42](https://github.com/estruyf/vscode-front-matter/issues/42): Small enhancement to the table layout

assets/media/styles.css

@@ -25,6 +25,10 @@
   position: absolute !important;
 }
 
+.w-full {
+  width: 100% !important;
+}
+
 .collapsible__body,
 .ext_settings {
 	padding: 1rem 1.25rem;

src/viewpanel/ViewPanel.tsx

@@ -58,7 +58,7 @@ export const ViewPanel: React.FunctionComponent<IViewPanelProps> = (props: React
           settings && metadata && <Actions metadata={metadata} settings={settings} />
         }
 
-        <Collapsible title="Metadata" className={`absolute`}>
+        <Collapsible title="Metadata" className={`absolute w-full`}>
           {
             <TagPicker type={TagType.keywords} 
                        icon={<SymbolKeywordIcon />}