Style project description, add empty fallback.

Author: nlhkabu

warehouse/static/sass/blocks/_button.scss

@@ -50,7 +50,6 @@
   display: inline-block;
   white-space: nowrap;
   vertical-align: center;
-  overflow: hidden;
 
   &:focus,
   &:hover,

warehouse/static/sass/blocks/_package-description.scss

@@ -19,9 +19,17 @@
 */
 
 .package-description {
-  font-size: 1.1rem;
-  font-style: italic;
-  margin: 0;
-  padding: 0;
-  line-height: 42px;
+  min-height: 58px;
+  margin-top: -10px;
+
+  &__summary {
+    font-size: 1.1rem;
+    font-style: italic;
+    padding: 0;
+    margin-top: 10px;
+  }
+
+  &__edit-button {
+    margin-top: 10px;
+  }
 }

warehouse/templates/includes/edit-project-button.html

@@ -13,5 +13,5 @@
 -#}
 
 {% if request.user %}
-  <a href="{{ request.route_path('manage.project.settings', name=project.name) }}" class="button button--highlight">Edit Project</a>
+  <a href="{{ request.route_path('manage.project.settings', name=project.name) }}" class="button button--primary package-description__edit-button">Edit Project</a>
 {% endif %}

warehouse/templates/packaging/detail.html

@@ -98,19 +98,19 @@ <h1 class="package-header__name">
   </div>
 </section>
 
-{% if release.summary %}
 <section class="horizontal-section horizontal-section--grey horizontal-section--thin">
   <div class="site-container">
-    <div class="split-layout split-layout--middle">
+    <div class="split-layout split-layout--middle package-description">
     {% if release.summary %}
-      <p class="package-description">{{ release.summary }}</p>
+      <p class="package-description__summary">{{ release.summary }}</p>
+    {% else %}
+      <p class="package-description__summary">No project description provided.</p>
     {% endif %}
     {% csi request.route_path("includes.edit-project-button", project_name=project.normalized_name) %}
     {% endcsi %}
     </div>
   </div>
 </section>
-{% endif %}
 
 
 <section>