[Frontend] Mods to .status.block

open #442
Added clickable class; tweaks to indicator.html
to introduce s-btn element look;

platform/commonUI/general/res/sass/controls/_messages.scss

@@ -40,7 +40,6 @@
     $transDelay: 1.5s;
     $transSpeed: .25s;
 	color: $colorStatusDefault;
-	cursor: default;
 	display: inline-block;
 	margin-right: $interiorMargin;
 	.status-indicator,
@@ -50,6 +49,9 @@
 		vertical-align: top;
 	}
 
+    &.clickable { cursor: pointer; }
+    &:not(.clickable) { cursor: default; }
+
     &.no-icon {
         .status-indicator {
             display: none;
@@ -104,6 +106,12 @@
 		font-weight: bold;
 		opacity: 1;
 	}
+    .s-btn {
+        //background: orange;
+        padding: 0 $interiorMarginSm;
+        height: auto;
+        line-height: inherit;
+    }
 }
 
 /* Styles for messages and message banners */
@@ -295,7 +303,6 @@
 
     .message-contents {
         .l-message {
-            //border-bottom: 1px solid pullForward($colorOvrBg, 20%);
             @include border-radius($controlCr);
             background: rgba($colorOvrFg, 0.1);
             margin-bottom: $interiorMargin;

platform/commonUI/general/res/templates/indicator.html

@@ -30,11 +30,8 @@
 	</span><span class="label"
 		  ng-class='ngModel.getTextClass()'>
 		{{ngModel.getText()}}
+        <a class="s-btn ui-symbol" ng-if="ngModel.configure">G</a>
 	</span><span class="count">
 		<!-- Add int count value here if this type of indicator has one or more messages associated with it -->
-	</span><a href=''
-	   class="ui-symbol"
-	   ng-if="ngModel.configure">
-		G
-	</a>
+	</span>
 </div>