move render menu to right panel

web/kiri/index.css

@@ -382,6 +382,15 @@ th, tr, td, label {
     font-weight: bold;
 }
 
+.b0 {
+    border: 0px;
+}
+.bt1 {
+    border: 1px solid transparent;
+}
+.bt2 {
+    border: 2px solid transparent;
+}
 .contents {
     display: contents;
 }
@@ -391,6 +400,15 @@ th, tr, td, label {
 .noshow {
     display: none;
 }
+.gap1 {
+    gap: 1px;
+}
+.gap2 {
+    gap: 2px;
+}
+.gap3 {
+    gap: 3px;
+}
 .grid {
     display: grid;
 }
@@ -839,6 +857,31 @@ th, tr, td, label {
 #ft-mesh {
     min-width: 200px;
 }
+#menu-render {
+    gap: 3px;
+    flex-direction: row;;
+}
+#menu-render > span {
+    width: 20px;
+    height: 20px;
+    display: flex;
+    flex-shrink: 0;
+    flex-direction: column;
+}
+#menu-render > span > * {
+    padding: 0;
+    margin: 0;
+    width: 20px;
+    height: 20px;
+    align-items: stretch;
+    justify-content: stretch;
+}
+#render-hide > a {
+    border: 0.5px dashed black;
+    border-radius: 2px;
+    width: 17px;
+    height: 17px;
+}
 #mesh-info {
     grid-gap: 2px;
     grid-template-rows: auto auto auto;