Fix color and scroll issues in the PCS

customize.dist/src/less2/include/creation.less

@@ -89,8 +89,8 @@
         }
         .cp-creation-create {
             text-align: center;
-            margin: auto;
-            margin-top: 20px;
+            //margin: auto;
+            //margin-top: 20px;
             width: 400px;
             max-width: 100%;
             button {
@@ -103,6 +103,7 @@
             flex-flow: column;
             align-items: center;
             flex: 1 0 auto;
+            justify-content: space-evenly;
             & > div {
                 width: 400px;
                 max-width: 100%;
@@ -110,7 +111,7 @@
                 align-items: center;
                 flex-wrap: wrap;
                 font-size: 16px;
-                margin: 10px 0;
+                //margin: 10px 0;
                 min-height: 28px;
                 line-height: 28px;
                 label {
@@ -194,7 +195,7 @@
             }
             div.cp-creation-template {
                 width: 100%;
-                flex: 1 0 auto;
+                //flex: 1 0 auto;
                 flex-wrap: nowrap;
                 .cp-creation-template-more {
                     font-size: 30px;
@@ -290,7 +291,9 @@
         .cp-creation-deleted-container {
             text-align: center;
             .cp-creation-deleted {
-                background: #111;
+                margin: 0 10px;
+                background: @colortheme_loading-bg;
+                color: @colortheme_loading-color;
                 padding: 10px;
                 text-align: center;
                 font-weight: bold;