Styling adjustments.

services/web/app/views/user/settings.pug

@@ -46,7 +46,7 @@ block content
 															ng-if="!userEmail.default"
 															ng-click="removeUserEmail(userEmail.email)"
 														) Remove
-												tr(
+												tr.affiliations-table-highlighted-row(
 													ng-if="ui.isLoadingEmails"
 												)
 													td.text-center(colspan="3") 
@@ -60,13 +60,13 @@ block content
 														a(
 															href
 															ng-click="showAddEmailForm()"
-														) Add new email
+														) Add another email
 
-												tr(
+												tr.affiliations-table-highlighted-row(
 													ng-if="ui.showAddEmailUI"
 												)
 													td
-														p
+														.affiliations-form-group
 															input-suggestions(
 																ng-model="newAffiliation.email"
 																ng-model-options="{ allowInvalid: true }"
@@ -79,7 +79,7 @@ block content
 																input-required="true"
 															)
 													td
-														p(
+														div(
 															ng-if="newAffiliation.university && !ui.showManualUniversitySelectionUI"
 														)
 															| {{ newAffiliation.university.name }} (
@@ -88,10 +88,10 @@ block content
 																ng-click="selectUniversityManually();"
 															) change
 															| )
-														p(
+														div(
 															ng-if="!newAffiliation.university && !ui.isValidEmail && !ui.showManualUniversitySelectionUI"
 														) Start by adding your email address.
-														p(
+														div(
 															ng-if="!newAffiliation.university && ui.isValidEmail && !ui.isBlacklistedEmail && !ui.showManualUniversitySelectionUI"
 														)
 															| Is your email affiliated with an institution? 
@@ -102,21 +102,21 @@ block content
 															) Let us know
 														div(
 															ng-if="ui.showManualUniversitySelectionUI"
-														)
-															p
+														ss)
+															.affiliations-form-group
 																ui-select(
 																	ng-model="newAffiliation.country"
 																)
 																	ui-select-match(
-																		placeholder="Select your country"
+																		placeholder="Country"
 																	) {{ $select.selected.name }}
 																	ui-select-choices(
 																		repeat="country in countries | filter: $select.search"
 																	)
 																		span(
 																			ng-bind="country.name"
-																		)
-															p
+																		s)
+															.affiliations-form-group
 																ui-select(
 																	ng-model="newAffiliation.university"
 																	ng-disabled="!newAffiliation.country"
@@ -124,7 +124,7 @@ block content
 																	tagging-label="false"
 																)
 																	ui-select-match(
-																		placeholder="Select your university"
+																		placeholder="Institution"
 																	) {{ $select.selected.name }}
 																	ui-select-choices(
 																		repeat="university in universities | filter: $select.search"
@@ -132,17 +132,18 @@ block content
 																		span(
 																			ng-bind="university.name"
 																		)
-														div(
-															ng-if="ui.isValidEmail && newAffiliation.university"
-														)
-															p
+															.affiliations-form-group(
+																ng-if="ui.isValidEmail && newAffiliation.university"
+															)
 																input.form-control(
 																	type="text"
 																	id="affiliations-role"
 																	placeholder="Role"
 																	ng-model="newAffiliation.role"
-																)
-															p
+																s)
+															.affiliations-form-group(
+																ng-if="ui.isValidEmail && newAffiliation.university"
+															)
 																input.form-control(
 																	type="text"
 																	id="affiliations-department"

services/web/public/stylesheets/app/account-settings.less

@@ -23,4 +23,13 @@
 	.affiliations-table-inline-actions {
 		width: 20%;
 	}
-	
+	.affiliations-table-highlighted-row {
+		background-color: tint(@content-alt-bg-color, 6%);
+	}
+
+	.affiliations-form-group {
+		margin-bottom: @table-cell-padding;
+		:last-of-type {
+			margin-bottom: 0;
+		}
+	}

services/web/public/stylesheets/components/input-suggestions.less

@@ -5,7 +5,7 @@
 	.input-suggestions-main {
 		position: absolute;
 		top: 0;
-		background-color: transparent;
+		// background-color: transparent;
 	}
 
 	.input-suggestions-shadow {

services/web/public/stylesheets/components/ui-select.less

@@ -48,4 +48,13 @@
 			}
 		}
 	}
+}
+
+.ui-select-container[tagging] {
+	.ui-select-toggle {
+		cursor: text;
+		> i.caret.pull-right {
+			display: none;
+		}
+	}
 }

services/web/public/stylesheets/core/ol-variables.less

@@ -65,6 +65,8 @@
 @btn-info-bg             : @ol-blue;
 @btn-info-border         : transparent;
 
+@padding-xs-horizontal   : 8px;
+
 // Alerts
 @alert-padding : 15px;
 @alert-border-radius : @border-radius-base;