Keyboard focus on owner list on package detail page (#9470)

lyndaidaii · web-flow · commit bbbea723693b · 2023-04-18T14:12:14.000-07:00
* overflow on ownerlist
diff --git a/src/Bootstrap/dist/css/bootstrap-theme.css b/src/Bootstrap/dist/css/bootstrap-theme.css
diff --git a/src/Bootstrap/less/theme/page-display-package.less b/src/Bootstrap/less/theme/page-display-package.less
@@ -248,11 +248,19 @@
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
+
+      .profile-icon {
+        margin: 1.5px;
+      }
+
+      .username{
+        margin-left: 6.5px;
+      }
     }
 
     img {
-      margin-right: 8px;
       border-radius: 5px;
+      margin: 2px;
     }
   }
 
diff --git a/src/NuGetGallery/Views/Packages/DisplayPackage.cshtml b/src/NuGetGallery/Views/Packages/DisplayPackage.cshtml
@@ -1276,15 +1276,15 @@
                             <li>
                                 @if (!string.IsNullOrEmpty(owner.EmailAddress))
                                 {
-                                    <a href="@Url.User(owner.Username)" title="@owner.Username">
+                                    <a class="profile-icon" href="@Url.User(owner.Username)" title="@owner.Username">
                                         @ViewHelpers.GravatarImage(
                                             Url,
                                             owner.EmailAddress,
                                             owner.Username,
                                             GalleryConstants.GravatarElementSize)
                                     </a>
                                 }
-                                <a href="@Url.User(owner.Username)" title="@owner.Username">
+                                <a class="username" href="@Url.User(owner.Username)" title="@owner.Username">
                                     @owner.Username
                                 </a>
                             </li>

Original file line number	Diff line number	Diff line change
`@@ -248,11 +248,19 @@`
`248`	`248`	`overflow: hidden;`
`249`	`249`	`white-space: nowrap;`
`250`	`250`	`text-overflow: ellipsis;`
	`251`	`+`
	`252`	`+ .profile-icon {`
	`253`	`+ margin: 1.5px;`
	`254`	`+ }`
	`255`	`+`
	`256`	`+ .username{`
	`257`	`+ margin-left: 6.5px;`
	`258`	`+ }`
`251`	`259`	`}`
`252`	`260`
`253`	`261`	`img {`
`254`		`- margin-right: 8px;`
`255`	`262`	`border-radius: 5px;`
	`263`	`+ margin: 2px;`
`256`	`264`	`}`
`257`	`265`	`}`
`258`	`266`