[dome] fixed various layout styles

ivette/src/dome/renderer/frame/style.css

@@ -107,6 +107,7 @@
 
 .dome-xSideBarSection-title {
     position: sticky ;
+    z-index: +1;
     top: 0px ;
     padding-top: 0px;
     padding-bottom: 0px ;

ivette/src/dome/renderer/layout/style.css

@@ -20,9 +20,8 @@
 
 .dome-xBoxes-grid
 {
-    flex: 1 1 auto ;
-    overflow: auto ;
-    display: grid ;
+    flex: 1 1 auto;
+    overflow: auto;
     display: grid;
     grid-auto-rows: auto;
     grid-auto-flow: row;

ivette/src/sandbox/icons.tsx

@@ -52,7 +52,7 @@ function Gallery(): JSX.Element {
   gallery.forEach((icons, section) => {
     sections.push(
       <Section key={section} defaultUnfold label={section}>
-        <Grid columns="auto auto">{icons}</Grid>
+        <Grid style={{paddingLeft: 24}} columns="auto auto">{icons}</Grid>
       </Section>
     );
   });