Attachment info button

src/assets/css/sendattachments.scss

@@ -51,6 +51,14 @@ $hiliteColor: #4642f1;
     z-index: 1;
   }
 
+  .info-button {
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    margin: 0;
+    z-index: 1;
+  }
+
   .send-button {
     position: absolute;
     top: 4px;
@@ -123,8 +131,9 @@ $hiliteColor: #4642f1;
       width: 12px;
       height: 12px;
       padding: 0;
-      min-width: 12px; 
+      min-width: 12px;
       user-select: none;
+
       span {
         width: 100%;
         height: 100%;
@@ -417,4 +426,29 @@ $hiliteColor: #4642f1;
       }
     }
   }
+}
+
+.attachment-info {
+  text-align: start;
+  position: relative;
+
+  .attachment-info__size {
+    white-space: pre;
+    overflow: hidden;
+    margin-right: 36px;
+    text-overflow: ellipsis;
+  }
+
+  .attachment-info__size__filename {
+    opacity: 0.7;
+    font-size: 0.8em;
+  }
+
+  .c2pa-badge {
+    overflow: hidden;
+    .v-icon {
+      width: 32px;
+      height: 32px;
+    }
+  }
 }