Layout improvements

src/display/components/nodeinfo/mediaarea.tsx

@@ -15,13 +15,11 @@ function MediaArea({ description, image, video, references }: MediaAreaProps) {
             <p className={"detail-view-text-area"}>{description}</p>
 
             {video && (
-                <div className={"detail-view-media-area"}>
-                    <video
-                        controls={true}
-                        className={"detail-view-video"}
-                        src={video}
-                    />
-                </div>
+                <video
+                    controls={true}
+                    className={"detail-view-video"}
+                    src={video}
+                />
             )}
 
             {references && (

src/display/components/nodeinfo/references.tsx

@@ -10,8 +10,8 @@ function References({ references }: ReferencesProps) {
             {references.map((ref) => (
                 <li key={ref}>
                     <a href={ref} rel={"noopener noreferrer"} target={"_blank"}>
-                        ref
-                    </a>{" "}
+                        {ref}
+                    </a>
                 </li>
             ))}
         </ul>

src/display/display.css

@@ -143,6 +143,9 @@
     object-fit: scale-down;
     width: 100%;
     height: auto;
+    margin-top: 10px;
+    padding-left: 25px;
+    padding-right: 30px;
 }
 
 .detail-view-spacer {