Rework the status

Add status data when we load a loop + rework the look and feel of status
DIV

Issue-ID: CLAMP-429
Change-Id: Ibeb58e2653d603f29a0b71023d8afd49cf89aba1
Signed-off-by: sebdet <sebastien.determe@intl.att.com>

1 files changed, 9 insertions, 10 deletions

diff --git a/ui-react/src/theme/globalStyle.js b/ui-react/src/theme/globalStyle.js
index 1630c5074..08630cbd9 100644
--- a/ui-react/src/theme/globalStyle.js
+++ b/ui-react/src/theme/globalStyle.js
@@ -56,13 +56,12 @@ export const GlobalClampStyle = createGlobalStyle`
     font-size: ${props => props.theme.fontSize};
   	border-radius: 4px;
   	color: ${props => props.theme.fontNormal};
-    background-color: ${props => (props.theme.backgroundColor)};
+	background-color: ${props => (props.theme.backgroundColor)};
+	margin-top: 1px;
   }
-  
+
   svg {
-  	padding: 10px;
 	overflow: hidden;
-	background-color: ${props => (props.theme.loopViewerBackgroundColor)};
 	width: 100%;
 	height: 100%;
   }
@@ -75,13 +74,13 @@ export const DefaultClampTheme = {
 	fontDark: '#888888',
 	fontHighlight: '#ffff00',
 	fontNormal: 'black',
-	
+
 	backgroundColor: '#eeeeee',
 	fontFamily: 'Arial, Sans-serif',
 	fontSize: '15px',
-	
-  	loopViewerBackgroundColor: 'white',
-  	loopViewerFontColor: 'yellow',
-  	loopViewerHeaderBackgroundColor: '#337ab7',
-  	loopViewerHeaderFontColor: 'white',
+
+	loopViewerBackgroundColor: 'white',
+	loopViewerFontColor: 'yellow',
+	loopViewerHeaderBackgroundColor: '#337ab7',
+	loopViewerHeaderFontColor: 'white',
 };