replaced content in addpanelpanel with three buttons that can create new panel,…

replaced content in addpanelpanel with three buttons that can create new panel, paste copied panel, and add a new row, to paste panel one must copy one first, code is still quite rough

public/sass/components/_panel_add_panel.scss

@@ -4,20 +4,17 @@
 
 
 .add-panel {
 .add-panel {
   height: 100%;
   height: 100%;
-
-  .baron__root {
-    height: calc(100% - 43px);
-  }
+  //display: flex;
+  //flex-direction: column;
 }
 }
 
 
 .add-panel__header {
 .add-panel__header {
+  top: 0;
+  position: absolute;
   padding: 0 15px;
   padding: 0 15px;
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
-  background: $page-header-bg;
-  box-shadow: $page-header-shadow;
-  border-bottom: 1px solid $page-header-border-color;
-
+  width: 100%;
   .gicon {
   .gicon {
     font-size: 30px;
     font-size: 30px;
     margin-right: $spacer;
     margin-right: $spacer;
@@ -32,18 +29,6 @@
   margin-right: -10px;
   margin-right: -10px;
 }
 }
 
 
-.add-panel__title {
-  font-size: $font-size-md;
-  margin-right: $spacer*2;
-}
-
-.add-panel__sub-title {
-  font-style: italic;
-  color: $text-muted;
-  position: relative;
-  top: 1px;
-}
-
 .add-panel__items {
 .add-panel__items {
   padding: 3px 8px;
   padding: 3px 8px;
   display: flex;
   display: flex;
@@ -97,3 +82,10 @@
   width: 100%;
   width: 100%;
   padding: 3px 8px;
   padding: 3px 8px;
 }
 }
+
+.add-panel-btn-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}