UX: Improve layout of topic pin admin modal

app/assets/stylesheets/common/base/topic-admin-menu.scss

@@ -25,13 +25,14 @@
 }
 
 .modal-body.feature-topic {
-  max-height: 500px;
+  max-height: 70vh !important ;
+  padding: 0 1em;
   input.date-picker {
     margin: 0;
   }
   .feature-section {
     display: block;
-    padding: 1em 0;
+    padding: 1.25em 0;
     &:not(:last-of-type) {
       border-bottom: 1px solid $primary-low;
     }
@@ -46,10 +47,20 @@
       }
       p {
         margin: 10px 0 0;
+        max-width: 31em;
       }
     }
     .with-validation {
       position: relative;
+
+      > span {
+        display: flex;
+        align-items: flex-start;
+        > .d-icon {
+          padding-top: 0.75em;
+          margin-right: 0.5em;
+        }
+      }
     }
   }
 }
@@ -61,18 +72,16 @@
 }
 
 .desktop-view .feature-topic-modal {
-  .feature-topic {
-    overflow: visible;
-  }
-
-  .modal-inner-container {
-    min-width: 700px;
-  }
-
   .pin-until {
     position: relative;
     display: inline-block;
   }
+  .modal-inner-container {
+    overflow: visible;
+  }
+  .modal-footer {
+    background: $secondary;
+  }
 }
 
 .mobile-view .feature-topic .feature-section {
@@ -82,6 +91,11 @@
     max-width: 90%;
     margin: 0;
   }
+  .badge-wrapper {
+    white-space: nowrap;
+    overflow: hidden;
+    max-width: 19em;
+  }
 }
 
 // Select posts