Update directory styles to match display and bump cache bust

www/index.php

@@ -52,7 +52,7 @@ if (!$isEmbed) {
 $localResults = '';
 $context = '';
 
-$page->addStyleSheet('css/search.css?v=4.1');
+$page->addStyleSheet('css/search.css?v=20160602');
 
 //u is referring site
 if (isset($_GET['u']) && $scanned = UNL_Search::getScannedPage($_GET['u'])) {

www/less/search.less

@@ -208,58 +208,60 @@
 	}
 
 	.overflow {
-		overflow: auto;
-	}
-
-	.profile_pic {
-		float: left;
-		border: 0;
-		max-width: 40px;
-		overflow: hidden;
-	}
-
-	.recordDetails {
-		margin-left: 50px;
-		font-size: 0.75em;
-		line-height: 1.425;
-		.sans-serif-font();
-	}
+		display: flex;
 
-	.fn {
-		font-size: 2.3333em;
-		.brand-font();
-		line-height: 1;
+		> .profile_pic {
+			width: 40px;
+			min-width: 40px;
+			margin-right: 1em;
+		}
 
-		* {
-			border: 0;
+		> .recordDetails {
+			flex: 1 1 auto;
+			align-self: center;
 		}
 
-		.givenName {
-			margin-left: 0.254em;
-			font-size: 10px;
-			font-size: 0.602rem;
-			.sans-serif-font;
+		.photo {
+			border-radius: 50%;
+			margin-top: 0.375em;
+			width: 100%;
+			height: 40px;
+			object-fit: cover;
 		}
-	}
+		.roles {
+			padding: 0;
+			margin: 0;
+			list-style: none;
 
-	.fn, .eppa, .organization-unit, .title, .tel {
-		margin-bottom: 0.178em;
-	}
+			li {
+				margin-bottom: 0.618rem;
 
-	.eppa, .roles {
-		display: none;
-	}
+				&:last-child {
+					margin-bottom: 0;
+				}
+			}
+
+			.title,
+			.organization-unit {
+				display: block;
+			}
 
-	.student .eppa {
-		display: block;
+			.organization-name {
+				display: none;
+			}
+		}
 	}
 
-	.tel > a {
-		display: block;
-		border: 0;
+	.fn {
+		font-size: 1.128em;
+		font-weight: bold;
 	}
 
-	.on-campus-dialing {
-		color: @light-neutral;
+	.given-name {
+		margin-left: 1em;
+		font-size: 1rem;
+		.sans-serif-font();
+		text-transform: uppercase;
+		color: @ui08;
 	}
 }