chore: style changes

src/atlasViewer/atlasViewer.style.css

@@ -184,6 +184,7 @@ span.tabContainer > span.badge
   margin-left:0.5em;
   position:relative;
   z-index:1;
+  background-color:rgba(255,0,0,1.0);
 }
 
 span.tabContainer.active-tab

src/ui/banner/banner.style.css

@@ -4,14 +4,13 @@
   display:flex;
   flex-direction: row;
   flex-wrap : wrap;
-  height:2.8em;
+  min-height: 2.8em;
+  padding-left: 1em;
 }
 
-dropdown-component,
-:host > div[searchRegionPopover]
+:host > *
 {
-  margin:auto 0 auto 1em;
-  vertical-align: middle;
+  margin-right:0.5em;
 }
 
 div[treeHeader]

src/ui/banner/banner.template.html

@@ -7,7 +7,7 @@
 </dropdown-component>
 
 <i 
-  *ngIf = "citationExists(selectedTemplate)" 
+  *ngIf = "citationExists(selectedTemplate) && !isMobile" 
   [toastLength] = "toastDuration"
   [showToast] = "citation"
   class="glyphicon glyphicon-info-sign"
@@ -33,7 +33,7 @@
 </dropdown-component>
 
 <i 
-  *ngIf = "citationExists(selectedParcellation)" 
+  *ngIf = "citationExists(selectedParcellation) && !isMobile" 
   [toastLength] = "toastDuration"
   [showToast] = "citation"
   class="glyphicon glyphicon-info-sign"