Fix pull request popover spacing

greggbjensen · Aug 26, 2024 · 9a51d8a · 9a51d8a
1 parent 020446a
commit 9a51d8a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 12 deletions.
diff --git a/prdeploy-app/src/app/deployments/environment-list/environment-list.component.html b/prdeploy-app/src/app/deployments/environment-list/environment-list.component.html
@@ -113,12 +113,10 @@
 
 <mtx-popover #popover="mtxPopover">
   <ng-template mtxPopoverContent let-pullRequest="pullRequest">
-    <div style="max-width: 300px">
-      <div class="pull-head">
-        <span class="pull-user">{{ pullRequest.user?.name }}</span>
-        <span>{{ pullRequest.updatedAt | date: 'short' }}</span>
-      </div>
-      <markdown [data]="pullRequest.body | cleanMarkdown" [disableSanitizer]="true"> </markdown>
+    <div class="pull-head">
+      <span class="pull-user">{{ pullRequest.user?.name }}</span>
+      <span>{{ pullRequest.updatedAt | date: 'short' }}</span>
     </div>
+    <markdown class="pull-description" [data]="pullRequest.body | cleanMarkdown" [disableSanitizer]="true"> </markdown>
   </ng-template>
 </mtx-popover>
diff --git a/prdeploy-app/src/app/deployments/queue-list/queue-list.component.html b/prdeploy-app/src/app/deployments/queue-list/queue-list.component.html
@@ -30,13 +30,12 @@
 
   <mtx-popover #popover="mtxPopover">
     <ng-template mtxPopoverContent let-pullRequest="pullRequest">
-      <div style="max-width: 300px">
-        <div class="pull-head">
-          <span class="pull-user">{{ pullRequest.user?.name }}</span>
-          <span>{{ pullRequest.updatedAt | date: 'short' }}</span>
-        </div>
-        <markdown [data]="pullRequest.body | cleanMarkdown" [disableSanitizer]="true"> </markdown>
+      <div class="pull-head">
+        <span class="pull-user">{{ pullRequest.user?.name }}</span>
+        <span>{{ pullRequest.updatedAt | date: 'short' }}</span>
       </div>
+      <markdown class="pull-description" [data]="pullRequest.body | cleanMarkdown" [disableSanitizer]="true">
+      </markdown>
     </ng-template>
   </mtx-popover>
 }

diff --git a/prdeploy-app/src/styles.scss b/prdeploy-app/src/styles.scss
@@ -39,6 +39,8 @@ a {
 div.mtx-popover-panel {
   padding: 15px;
   background-color: $white;
+  max-width: 700px;
+  min-width: 300px;
 }
 
 .color-preview {