ellipsize labels, adjust select widths

1 files changed, 21 insertions, 5 deletions

diff --git a/css/public/style.css b/css/public/style.css
index 708ad8bb..63fce654 100644
--- a/css/public/style.css
+++ b/css/public/style.css
@@ -65,18 +65,27 @@ detailsitem {
 }
 
 detailsitem label {
-	width: 80px;
 	display: inline-block;
+	width: 80px;
+	padding: 7px 0px;
 	text-align: right;
 	opacity: .5;
+	white-space: nowrap;
+	overflow-x: hidden;
+	text-overflow: ellipsis;
+	vertical-align: middle;
 }
 detailsitem label ~ textarea {
 	vertical-align: top;
-	padding-top: 10px;
 }
-.url-link {
-	padding: 8px 10px;
-    margin-left: -6px;
+detailsitem .details-item-telephone label {
+	opacity: 1;
+}
+detailsitem .details-item-telephone select {
+	width: 80px;
+}
+detailsitem .url-link {
+	padding: 8px 5px;
 	opacity: .5;
 }
 
@@ -100,6 +109,13 @@ detailsitem textarea,
 	width: 200px;
 }
 
+detailsitem .icon-delete {
+	background-color: transparent;
+	border: none;
+	padding: 20px;
+	opacity: .3;
+}
+
 
 /* app content list & detail view */
 /* TO BE MOVED TO CORE apps.css ONCE STANDARDIZED ACROSS APPS */