[Monitor Dashboard | Trunk]: Add section title and save button

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-monitor-portal/trunk/monitor_dashboard@57983 d315682c-612b-4755-9ff5-7f18f6832af3

src/app/topic/indicators.component.html

@@ -295,7 +295,7 @@
       </ng-template>
       <div *ngIf="grid" class="new-section uk-margin-top">
         <div class="tools uk-flex uk-flex-middle">
-          <button class="md-btn add uk-margin-small-right">
+          <button class="md-btn uk-margin-small-right">
             <i class="material-icons md-24 md-color-white">add</i>
           </button>
           <span>Create a new section</span>

src/assets/theme-assets/dashboard-custom.css

@@ -433,14 +433,22 @@ body.dashboard {
   transform: translate(-50%, -50%);
 }
 
-.dashboard .new-section .tools .md-btn.add {
+.dashboard .new-section .tools .md-btn {
   background-color: var(--secondary-color);
+  position: relative;
   min-width: 40px;
   min-height: 40px;
-  padding: 2px 8px;
   border-radius: 50%;
 }
 
+.dashboard .new-section .tools .md-btn .material-icons {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin: 0;
+}
+
 /* Dropdown*/
 .dashboard .uk-dropdown {
   opacity: 1;
@@ -474,20 +482,3 @@ body.dashboard {
   right: 0;
 }
 
-/* Login Icon*/
-
-.loginLink.dark{
-  color: rgba(0,0,0,.54) !important;
-  font-weight: bold;
-}
-
-circle.userBox.dark, svg .icon.userBox.dark, svg .loginLink.userBox.dark{
-  stroke: rgba(0,0,0,.54);
-  fill: none;
-}
-
-text.userBox.dark {
-  stroke: rgba(0,0,0,.54);
-  fill: rgba(0,0,0,.54);
-}
-