Optimize DMCA page on mobile

ui/page/show/view.jsx

@@ -208,7 +208,7 @@ function ShowPage(props: Props) {
 
     if (isClaimBlackListed && !claimIsMine) {
       innerContent = (
-        <Page>
+        <Page className="custom-wrapper">
           <Card
             title={uri}
             subtitle={__(

ui/scss/init/_gui.scss

@@ -1025,6 +1025,26 @@ img {
   }
 }
 
+.custom-wrapper {
+  @media (max-width: $breakpoint-small) {
+    .card {
+      padding: var(--spacing-xxxs);
+      .card__title-section {
+        width: 100%;
+        div:first-of-type {
+          width: 100%;
+          .card__title {
+            width: 100%;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+        }
+      }
+    }
+  }
+}
+
 // Temporary master classes
 .date_time {
   font-size: var(--font-xsmall);