diff --git a/assets/images/icons/code-climate-icon.svg b/assets/images/icons/code-climate-icon.svg index 90e36dc6..685516b6 100644 --- a/assets/images/icons/code-climate-icon.svg +++ b/assets/images/icons/code-climate-icon.svg @@ -1,5 +1,9 @@ - - - - - + + + + + + + diff --git a/assets/images/icons/logs.svg b/assets/images/icons/logs.svg index a7c3ad5f..2dbd3507 100644 --- a/assets/images/icons/logs.svg +++ b/assets/images/icons/logs.svg @@ -1,4 +1,14 @@ - - - - + + + + + + diff --git a/assets/images/icons/off.svg b/assets/images/icons/off.svg index 8e822a68..afc44783 100644 --- a/assets/images/icons/off.svg +++ b/assets/images/icons/off.svg @@ -1,4 +1,15 @@ - - - - + + + + + + diff --git a/assets/images/icons/repeat.svg b/assets/images/icons/repeat.svg index 8b981450..6afd1b5a 100644 --- a/assets/images/icons/repeat.svg +++ b/assets/images/icons/repeat.svg @@ -1,4 +1,15 @@ - - - - + + + + + + diff --git a/assets/images/icons/settings.svg b/assets/images/icons/settings.svg new file mode 100644 index 00000000..e37d316e --- /dev/null +++ b/assets/images/icons/settings.svg @@ -0,0 +1,21 @@ + + + + + + + + diff --git a/assets/styles/main/summary.sass b/assets/styles/main/summary.sass index 52876851..31ce98ee 100644 --- a/assets/styles/main/summary.sass +++ b/assets/styles/main/summary.sass @@ -2,6 +2,7 @@ .green .build-status background-color: #549e54 + background-image: inline-image('icons/state-passed-white.svg') no-repeat .yellow .build-status background-color: #bcaf39 @@ -23,6 +24,7 @@ .branch font-weight: bold + color: #81817d font-size: 16px max-width: 300px display: inline-block @@ -33,6 +35,7 @@ .subject display: inline-block font-size: 15px + color: #81817d margin-top: 10px overflow: hidden margin-right: 2px @@ -56,7 +59,8 @@ color: white padding: 8px 0 font-size: 16px - text-align: center + text-align: left + padding-left: 10px a color: white @@ -73,6 +77,7 @@ img height: 13px width: 13px + opacity: 0.5 .finished float: right @@ -84,17 +89,21 @@ img height: 13px width: 13px + opacity: 0.5 .commit-changes text-align: left + text-decoration: underline width: inherit + font-size: 13px margin-top: 0px - float: right + overflow: hidden img margin-right: 2px height: 13px width: 13px + opacity: 0.5 div display: inline @@ -103,15 +112,17 @@ .right margin-top: 10px float: right - width: 150px + width: 200px font-size: 11px .footer a + color: #818181 text-decoration: underline img vertical-align: middle + border-radius: 100px .text line-height: 15px @@ -125,6 +136,7 @@ div display: inline clear: none + color: #818181 img height: 16px diff --git a/assets/styles/main/tools.sass b/assets/styles/main/tools.sass index bcfdce4e..f1883c82 100644 --- a/assets/styles/main/tools.sass +++ b/assets/styles/main/tools.sass @@ -11,7 +11,8 @@ width: 39px height: 21px margin-top: -27px - background: inline-image('ui/tools-button.png') no-repeat + background-image: #000000 inline-image('icons/settings.svg') no-repeat + cursor: pointer float: right @@ -62,34 +63,34 @@ li.icon span.loading display: inline-block - height: 20px + height: 25px position: relative top: 1px cursor: pointer - color: #fef4e9 - border: solid 1px #d6d6d6 - background-color: #f4f4f4 + color: #ffffff + background-color: #5e869a text-align: center + border-radius: 100px margin-left: 5px background-position: center center a display: inline-block width: 25px - height: 20px + height: 25px position: relative top: -2px cursor: pointer color: #fef4e9 - border: solid 1px #d6d6d6 - background: #f4f4f4 + border-radius: 100px + background: #5e869a text-align: center margin-left: 5px img width: 15px height: 15px - margin-top: 3px + margin-top: 5px margin-left: 0px &:hover