#131 Make the tags and label size consistent in all the UI pages

TheHive-Project · Jun 23, 2017 · 164a6b6 · 164a6b6
1 parent 0984f49
commit 164a6b6
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 33 deletions.
diff --git a/ui/app/styles/case.css b/ui/app/styles/case.css
@@ -74,6 +74,6 @@ table.case-list .case-tags {
 table.case-list .case-tags .label,
 .case-tags .label,
 .tags-list .label  {
-    font-size: inherit !important;
+    font-size: 12px !important;
     font-weight: normal;
 }
diff --git a/ui/app/styles/main.css b/ui/app/styles/main.css
@@ -54,7 +54,7 @@ body {
     margin: 0 !important;
 }
 
-.short-report {
+.short-report .label {
     margin-right: 5px;
 }
 .empty-message {
@@ -120,6 +120,8 @@ pre.clearpre {
 .flexwrap{
     display: flex;
     flex-wrap: wrap;
+    justify-content: flex-start;
+    align-items: flex-start;
 }
 .wrap {
     word-wrap: break-word;

diff --git a/ui/app/views/directives/updatable-tags.html b/ui/app/views/directives/updatable-tags.html
@@ -1,14 +1,15 @@
 <span ng-hide="updatable.updating" ng-init="active = false" ng-mouseenter="active = true" ng-mouseleave="active = false">
     <span class="updatable-value" ng-show="!value || value.length === 0" style="vertical-align:top; white-space: pre-wrap"><span class="text-warning"><em>Not Specified</em></span></span>
-    <small ng-repeat="tag in value">
-        <span class="label label-primary mr-xxxs" ng-bind="tag.text"></span>
-    </small>
 
-    <small ng-show="active">
-        <a href class="clickable" tooltip-popup-delay='500' uib-tooltip="edit">
-            <i class="glyphicon glyphicon-pencil" ng-click="edit()"></i>
-        </a>
-    </small>
+    <span class="tags-list flexwrap">
+        <span ng-repeat="tag in value" class="label label-primary mb-xxxs mr-xxxs">{{tag.text}}</span>
+        <small ng-show="active">
+            <a href class="clickable" tooltip-popup-delay='500' uib-tooltip="edit">
+                <i class="glyphicon glyphicon-pencil" ng-click="edit()"></i>
+            </a>
+        </small>
+    </span>
+
 </span>
 
 <span ng-show="updatable.updating">

diff --git a/ui/app/views/partials/case/case.observables.item.html b/ui/app/views/partials/case/case.observables.item.html
@@ -1,29 +1,29 @@
-<div class="row">
-    <!-- Observable details header-->
-    <div class="col-md-11 col-md-offset-1" ng-show="artifact.data != undefined">
-        <div class="col-md-12">
-            <h4>
-                <span class="text-muted fa " ng-class="{true:'text-primary fa-star'}[artifact.ioc]" tooltip-placement="bottom" tooltip-popup-delay="500" uib-tooltip="is an IOC"></span>
-                [<span ng-bind="artifact.dataType" style="text-transform: uppercase;"></span>]: <em><span class="wrap">{{artifact.data | fang}}</span></em>
-            </h4>
-        </div>
+<!-- Observable details header-->
+<div class="row" ng-show="artifact.data != undefined">
+    <div class="col-md-12">
+        <h4>
+            <span class="text-muted fa " ng-class="{true:'text-primary fa-star'}[artifact.ioc]" tooltip-placement="bottom" tooltip-popup-delay="500" uib-tooltip="is an IOC"></span>
+            [<span ng-bind="artifact.dataType" style="text-transform: uppercase;"></span>]: <em><span class="wrap">{{artifact.data | fang}}</span></em>
+        </h4>
+    </div>
+</div>
+<div class="row" ng-show="artifact.attachment != undefined">
+    <div class="col-md-8">
+        <h4>
+            [<span ng-bind="artifact.dataType" style="text-transform: uppercase;"></span>]: <em><span class="wrap" ng-bind="artifact.attachment.name"></span></em>
+        </h4>
     </div>
-    <div class="col-md-11 col-md-offset-1" ng-show="artifact.attachment != undefined">
-        <div class="col-md-8">
-            <h4>
-                [<span ng-bind="artifact.dataType" style="text-transform: uppercase;"></span>]: <em><span class="wrap" ng-bind="artifact.attachment.name"></span></em>
-            </h4>
-        </div>
-        <div class="col-md-3" style="text-align: center">
-            <a href="./api/datastorezip/{{artifact.attachment.id}}?name={{artifact.attachment.name}}" target="_blank">
-                <span class="glyphicon glyphicon-download"></span><br/>
-                <span class="wrap">{{artifact.attachment.name}}</span>
-            </a><br/>
-            <small class="text-danger">Zip are protected with password "{{protectDownloadsWith}}"</small>
-        </div>
+    <div class="col-md-3" style="text-align: center">
+        <a href="./api/datastorezip/{{artifact.attachment.id}}?name={{artifact.attachment.name}}" target="_blank">
+            <span class="glyphicon glyphicon-download"></span><br/>
+            <span class="wrap">{{artifact.attachment.name}}</span>
+        </a><br/>
+        <small class="text-danger">Zip are protected with password "{{protectDownloadsWith}}"</small>
     </div>
+</div>
+<div class="row">
     <!-- Observable analysers short reports -->
-    <div class="col-md-11 col-md-offset-1">
+    <div class="col-md-12">
         <report ng-repeat="(analyzerId, summary) in artifact.reports"
             artifact="artifact"
             content="summary"