Adjust css

geojupyter · Jul 16, 2024 · cb98bc6 · cb98bc6
1 parent 249c9d2
commit cb98bc6
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/packages/base/src/panelview/components/layers.tsx b/packages/base/src/panelview/components/layers.tsx
@@ -26,6 +26,7 @@ const LAYER_ITEM_CLASS = 'jp-gis-layerItem';
 const LAYER_CLASS = 'jp-gis-layer';
 const LAYER_TITLE_CLASS = 'jp-gis-layerTitle';
 const LAYER_ICON_CLASS = 'jp-gis-layerIcon';
+const LAYER_TEXT_CLASS = 'jp-gis-layerText';
 
 /**
  * The namespace for the layers panel.
@@ -262,7 +263,9 @@ function LayerGroupComponent(props: ILayerGroupProps): JSX.Element {
           }
           tag={'span'}
         />
-        <span id={id}>{name}</span>
+        <span id={id} className={LAYER_TEXT_CLASS}>
+          {name}
+        </span>
       </div>
       {open && (
         <div>
@@ -371,7 +374,9 @@ function LayerComponent(props: ILayerProps): JSX.Element {
             className={LAYER_ICON_CLASS}
           />
         )}
-        <span id={id}>{name}</span>
+        <span id={id} className={LAYER_TEXT_CLASS}>
+          {name}
+        </span>
       </div>
       <Button
         title={layer.visible ? 'Hide layer' : 'Show layer'}

diff --git a/packages/base/style/leftPanel.css b/packages/base/style/leftPanel.css
@@ -77,8 +77,13 @@
   flex-grow: 1;
   margin-right: 4px;
   outline: none;
+  padding: 2px 7px;
 }
 
 .jp-gis-left-panel-input:focus {
   border: 1px solid var(--jp-brand-color1);
 }
+
+.jp-gis-layerText {
+  padding: 3px 0;
+}