- Add copy button to the build logs

- Add support for timestamps in the build logs
- Other small UI improvements to the build view

static/css/directives/ui/build-logs-view.css

@@ -4,7 +4,13 @@
   padding: 10px;
   overflow: auto;
   box-shadow: inset 10px 10px 5px -9px rgba(0,0,0,0.75);
-  background: linear-gradient(30deg, #263945, #061C2A) no-repeat left top fixed;
+  background-color: #263945;
+
+  min-height: 100px;
+}
+
+.build-logs-view .no-logs {
+  color: #8C8C8C;
 }
 
 .build-logs-view .container-header {
@@ -109,6 +115,22 @@
   position: relative;
 }
 
+.build-logs-view .log-entry:hover {
+  background: rgba(0, 0, 0, 0.2);
+  cursor: pointer;
+}
+
+.build-logs-view .log-entry:hover .timestamp {
+  visibility: visible;
+}
+
+.build-logs-view .log-entry .timestamp {
+  float: right;
+  visibility: hidden;
+  color: #aaa;
+  margin-right: 10px;
+}
+
 .build-logs-view .log-entry .message {
   display: inline-block;
   margin-left: 46px;
@@ -117,12 +139,41 @@
 .build-logs-view .log-entry .id {
   color: #aaa;
   padding-right: 6px;
-  margin-right: 6px;
+  margin-right: 10px;
   text-align: right;
   font-size: 12px;
   width: 40px;
 
   position: absolute;
-  top: 4px;
+  top: 1px;
   left: 4px;
 }
+
+.build-logs-view .copy-button {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  z-index: 2;
+  transition: all 0.15s ease-in-out;
+}
+
+.build-logs-view .copy-button:not(.zeroclipboard-is-hover) {
+  background: transparent;
+  border: 1px solid transparent;
+  color: #ddd;
+}
+
+.build-logs-view .copy-button i.fa {
+  margin-right: 10px;
+}
+
+.build-logs-view-element.with-timestamps .log-entry .message {
+  display: inline-block;
+  margin-left: 146px;
+}
+
+.build-logs-view-element.with-timestamps .log-entry .id {
+  width: 140px;
+  white-space: nowrap;
+  padding-right: 10px;
+}

static/css/directives/ui/triggered-build-description.css

@@ -3,9 +3,16 @@
   display: block;
 }
 
+.triggered-build-description-element .commit-message a {
+  color: black;
+}
+
 .triggered-build-description-element .commit-who img {
   width: 16px;
   height: 16px;
+  margin-left: 2px;
+  margin-right: 2px;
+  border-radius: 50%;
 }
 
 .triggered-build-description-element .fa-github {