Polish inspector mobile layout

frontend/src/components/datasets/RasterControls.tsx

@@ -94,7 +94,7 @@ export function RasterControls({
   onRunRasterNdbi,
 }: RasterControlsProps) {
   return (
-    <div>
+    <div className="dataset-tool-panel raster-tool-panel">
       <p>Raster driver: {selectedRasterMetadata?.driver ?? 'n/a'}</p>
       <p>Raster size: {selectedRasterMetadata ? `${selectedRasterMetadata.width} x ${selectedRasterMetadata.height}` : 'n/a'}</p>
       <p>Raster checksum: {selectedRasterMetadata?.checksum_sha256 ?? 'n/a'}</p>
@@ -132,7 +132,7 @@ export function RasterControls({
           </ul>
         </div>
       ) : null}
-      <div>
+      <div className="dataset-tool-group">
         <label>
           Reproject CRS
           <input
@@ -153,7 +153,7 @@ export function RasterControls({
           Reproject raster
         </button>
       </div>
-      <div>
+      <div className="dataset-tool-group">
         <label>
           Clip area
           <select value={selectedClipAreaId} onChange={(event) => onSetSelectedClipAreaId(event.target.value)}>
@@ -169,7 +169,7 @@ export function RasterControls({
         </button>
         {areas.length === 0 ? <p className="error">Create an area before raster clipping.</p> : null}
       </div>
-      <div>
+      <div className="dataset-tool-group">
         <label>
           Tile size
           <input
@@ -208,7 +208,7 @@ export function RasterControls({
       <h4>Spectral indices</h4>
       <div>
         <p>Use available band indexes from the raster file (1-based).</p>
-        <div>
+        <div className="dataset-tool-group">
           <p>NDVI</p>
           <label>
             Nir band
@@ -222,7 +222,7 @@ export function RasterControls({
             Compute NDVI
           </button>
         </div>
-        <div>
+        <div className="dataset-tool-group">
           <p>NDWI</p>
           <label>
             Nir band
@@ -236,7 +236,7 @@ export function RasterControls({
             Compute NDWI
           </button>
         </div>
-        <div>
+        <div className="dataset-tool-group">
           <p>NDBI</p>
           <label>
             Swir band

frontend/src/components/datasets/VectorControls.tsx

@@ -24,9 +24,9 @@ export function VectorControls({
   onRunVectorIntersect,
 }: VectorControlsProps) {
   return (
-    <div>
+    <div className="dataset-tool-panel vector-tool-panel">
       <h3>Vector operations</h3>
-      <div>
+      <div className="dataset-tool-group">
         <label>
           Clip area
           <select value={selectedClipAreaId} onChange={(event) => onSetSelectedClipAreaId(event.target.value)}>
@@ -44,7 +44,7 @@ export function VectorControls({
       <button type="button" onClick={onRunVectorBuffer}>
         Run buffer (25m)
       </button>
-      <div>
+      <div className="dataset-tool-group">
         <label>
           Intersect target
           <select value={selectedIntersectTargetId} onChange={(event) => onSetSelectedIntersectTargetId(event.target.value)}>