Merge pull request #871 from OpenWebGAL/fix-extra-ui-overflow

Fix extra UI overflow

Author: MakinoharaShoko

packages/webgal/src/UI/Extra/extra.module.scss

@@ -201,11 +201,17 @@
 .cgShowDivWarpper {
   display: flex;
   flex-flow: row;
-  justify-content: center;
+  justify-content: flex-start;
   align-items: flex-end;
   //background: rgba(255, 255, 255, 0.35);
   border-radius: 7px;
   padding: 12px 15px;
+  width: 100%;
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+  flex-wrap: nowrap;
+  -webkit-overflow-scrolling: touch;
 }
 
 .cgNav {
@@ -219,6 +225,7 @@
   cursor: pointer;
   transition: background-color 0.5s, color 0.5s, font-weight 0.5s;
   border-radius: 7px;
+  flex-shrink: 0;
 }
 
 .cgNav:first-child {