From 6578e8b3ce1ee798cf6a863e6482f29f2a6fd3bc Mon Sep 17 00:00:00 2001
From: Lisa Passing <mail@lislis.de>
Date: Thu, 23 Jul 2015 12:24:40 +0200
Subject: [PATCH] don't let fingerprints get cut off
---
app/styles/app/layouts/settings.sass | 24 ++++++++++++++++--------
app/styles/app/modules/tooltips.sass | 4 +---
2 files changed, 17 insertions(+), 11 deletions(-)
diff --git a/app/styles/app/layouts/settings.sass b/app/styles/app/layouts/settings.sass
index 82df0ada..72bc903e 100644
--- a/app/styles/app/layouts/settings.sass
+++ b/app/styles/app/layouts/settings.sass
@@ -71,8 +71,11 @@
@extend %settings-row
display: block
margin-bottom: 1rem
+ overflow: hidden
span
vertical-align: middle
+ @media #{$medium-up}
+ overflow: visible
%settings-name-section
display: inline-block
@@ -95,7 +98,7 @@
height: 1.3em
@media #{$medium-up}
- width: 40%
+ width: 32%
margin-bottom: 0
.env-var-name
@@ -110,14 +113,11 @@
%settings-value-section
display: inline-block
vertical-align: middle
- white-space: nowrap
overflow: hidden
- width: 76%
- @media #{$medium-up}
- width: grid-calc(3, 12)
.ssh-key-value
@extend %settings-value-section
+ word-break: break-all
.icon-fingerprint
@extend %icon
@extend .icon-fingerprint
@@ -125,11 +125,16 @@
height: 1.3em
margin-right: .5em
@media #{$medium-up}
- text-align: right
+ width: grid-calc(6, 12)
+ word-break: normal
+ white-space: nowrap
.env-var-value
@extend %settings-value-section
-
+ white-space: nowrap
+ width: 76%
+ @media #{$medium-up}
+ width: grid-calc(3, 12)
input
display: inline-block
width: 100%
@@ -152,8 +157,8 @@
%settings-action-section
display: inline-block
position: relative
- width: 24%
float: right
+ width: 24%
vertical-align: middle
text-align: center
.icon-delete
@@ -177,6 +182,9 @@
.ssh-key-action
@extend %settings-action-section
+ margin-top: 1em
+ @media #{$medium-up}
+ margin-top: 0
.icon-delete
margin: .2em auto 0
.icon-delete-disabled
diff --git a/app/styles/app/modules/tooltips.sass b/app/styles/app/modules/tooltips.sass
index ebe75b29..4c6d783f 100644
--- a/app/styles/app/modules/tooltips.sass
+++ b/app/styles/app/modules/tooltips.sass
@@ -56,9 +56,7 @@
height: 3.2em
max-width: 8.6em
&:before
- left: 41%
- @media #{$medium-up}
- left: 44%
+ left: 45%
.tooltip--jobs
@extend %tooltip