Gallery search results should not have owners right aligned (#6830)

Author: Scott Bommarito

src/Bootstrap/dist/css/bootstrap-theme.css

@@ -7,44 +7,31 @@
     font-size: 15px;
 
     .package-header {
-      display: flex;
-      justify-content: space-between;
-
-      .package-title-container {
-        white-space: nowrap;
-
-        .package-title {
-          font-size: 24px;
-          font-weight: 300;
-          line-height: 0.9;
-        }
+      .package-title {
+        font-size: 24px;
+        font-weight: 300;
+        line-height: 0.9;
+      }
 
-        .edit-button {
-          vertical-align: text-bottom;
-          margin-left: 10px;
-        }
+      .reserved-indicator {
+        margin-top: 3px;
+        margin-left: 3px;
+        vertical-align: top;
+        width: 20px;
+      }
 
-        .reserved-indicator {
-          margin-top: 3px;
-          margin-left: 3px;
-          vertical-align: top;
-          width: 20px;
-        }
+      .edit-button {
+        vertical-align: text-bottom;
+        margin-left: 10px;
       }
 
-      .package-by-container {
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
+      .package-by {
+        margin-left: @padding-small-horizontal;
+        color: @text-color;
 
-        .package-by {
-          margin-left: @padding-small-horizontal;
-          color: @text-color;
-  
-          @media (max-width: @screen-xs-min) {
-            margin-left: 0;
-            display: block;
-          }
+        @media (max-width: @screen-xs-min) {
+          margin-left: 0;
+          display: block;
         }
       }
     }

src/Bootstrap/less/theme/common-list-packages.less

@@ -1,19 +1,5 @@
 @model ListPackageItemViewModel
 
-@helper OwnersHeader()
-{
-    if (Model.Owners != null && Model.Owners.Any())
-    {
-        <span class="package-by">
-            by:
-            @foreach (var owner in Model.Owners)
-            {
-                <a href="@Url.User(owner)" title="View @owner.Username's profile">@owner.Username</a>
-            }
-        </span>
-    }
-}
-
 <article class="package" role="listitem">
 
     <div class="row">
@@ -24,31 +10,33 @@
         </div>
         <div class="col-sm-11">
             <div class="package-header">
-                <div class="package-title-container">
-                    <a class="package-title" href="@Url.Package(Model.Id, Model.UseVersion ? Model.Version : null)">@Model.Id</a>
+                <a class="package-title" href="@Url.Package(Model.Id, Model.UseVersion ? Model.Version : null)">@Html.BreakWord(Model.Id)</a>
 
-                    @if (Model.IsVerified.HasValue && Model.IsVerified.Value)
-                    {
-                        <img class="reserved-indicator"
-                             src="~/Content/gallery/img/reserved-indicator.svg"
-                             @ViewHelpers.ImageFallback(Url.Absolute("~/Content/gallery/img/reserved-indicator-20x20.png"))
-                             title="@Strings.ReservedNamespace_ReservedIndicatorTooltip" />
-                    }
+                @if (Model.IsVerified.HasValue && Model.IsVerified.Value)
+                {
+                    <img class="reserved-indicator"
+                         src="~/Content/gallery/img/reserved-indicator.svg"
+                         @ViewHelpers.ImageFallback(Url.Absolute("~/Content/gallery/img/reserved-indicator-20x20.png"))
+                         title="@Strings.ReservedNamespace_ReservedIndicatorTooltip" />
+                }
 
-                    @if (Model.CanEdit || Model.CanManageOwners || Model.CanUnlistOrRelist)
-                    {
-                        <a href="@Url.ManagePackage(Model)" class="icon-link edit-button" title="Manage package">
-                            <i class="ms-Icon ms-Icon--Edit" aria-hidden="true"></i>
-                        </a>
-                    }
-                </div>
-                <div class="package-by-container hidden-xs">
-                    @OwnersHeader()
-                </div>
-            </div>
+                @if (Model.CanEdit || Model.CanManageOwners || Model.CanUnlistOrRelist)
+                {
+                    <a href="@Url.ManagePackage(Model)" class="icon-link edit-button" title="Manage @Model.Id">
+                        <i class="ms-Icon ms-Icon--Edit" aria-hidden="true"></i>
+                    </a>
+                }
 
-            <div class="hidden-sm hidden-md hidden-lg">
-                @OwnersHeader()
+                @if (Model.Owners != null && Model.Owners.Any())
+                {
+                    <span class="package-by">
+                        by:
+                        @foreach (var owner in Model.Owners)
+                        {
+                            <a href="@Url.User(owner)" title="View @owner.Username's profile">@owner.Username</a>
+                        }
+                    </span>
+                }
             </div>
 
             @if (!StringComparer.OrdinalIgnoreCase.Equals(Model.Id, Model.Title))
@@ -100,4 +88,4 @@
             </div>
         </div>
     </div>
-</article>
+</article>