diff --git a/css/main.css b/css/main.css
index a3b2265..c55e066 100644
--- a/css/main.css
+++ b/css/main.css
@@ -377,7 +377,30 @@ nav .btn {
 .image-detail input {
   font-family: "Secular One", sans-serif;
 }
+.image-detail > div {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+}
+.image-detail > div > div {
+  width: 50%;
+}
+.image-detail > div > div * {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 
+@media (max-width: 669px) {
+  .image-detail > div {
+    flex-direction: column;
+  }
+  .image-detail > div > div {
+    width: auto;
+  }
+}
 .tags-root {
   margin-bottom: 1rem;
   padding: 0.5rem 0.5rem 0 0.5rem;
diff --git a/css/scss/_body.scss b/css/scss/_body.scss
index 95072f3..0bdad07 100644
--- a/css/scss/_body.scss
+++ b/css/scss/_body.scss
@@ -214,6 +214,35 @@
 .image-detail {
     @include defaultDecoration($green);
     @include defaultFont();
+
+    &>div {
+        width: 100%;
+        display: flex;
+        flex-direction: row;
+
+        &>div {
+            width: 50%;
+
+            * {
+                margin-top: 0;
+                margin-bottom: 0.5rem;
+
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                overflow: hidden;
+            }
+        }
+    }
+}
+@media (max-width: 669px) {
+    .image-detail {
+        &>div {
+            flex-direction: column;
+            &>div {
+                width: auto;
+            }
+        }
+    }
 }
 
 // TAGS
diff --git a/image.php b/image.php
index c7a32cc..895c237 100644
--- a/image.php
+++ b/image.php
@@ -149,40 +149,42 @@
 		</div>
 
 
-		<div class="image-detail flex-down default-window">
+		<div class="image-detail">
 			<h2>Details</h2>
+			<div>
+				<div>
+					<?php
+						// User
+						echo "<p>Author: ".$image_author."</p>";
+
+						// Image ID
+						echo "<p>ID: ".$image['id']."</p>";
+
+						// Image Upload date
+						echo "<p>Last updated: +0 ".$image['upload']."</p>";
+					?>
+				</div>
+				<div>
+					<?php
+						// File name
+						$image_pathinfo = pathinfo($image['imagename']);
+						
+						echo "<p>File Name: ".$image_pathinfo['filename']."</p>";
+
+						// File extention
+						echo "<p>File Type: ".pathinfo($image['imagename'], PATHINFO_EXTENSION)."</p>";
+
+						// Image resolution
+						list($width, $height) = getimagesize($image_path);
+						echo "<p>Image resolution: ".$width."x".$height."</p>";
+					?>
+				</div>
+			</div>
 			<?php
-			// User
-			echo "<p>Author: ".$image_author."</p>";
-
-			// Image ID
-			echo "<p>ID: ".$image['id']."</p>";
-
-			// File name
-			$image_pathinfo = pathinfo($image['imagename']);
-			if (strlen($image['imagename']) > 30) {
-				echo "<p>File Name: ".substr($image_pathinfo['filename'], 0, 30)."...</p>";
-			} else {
-				echo "<p>File Name: ".$image_pathinfo['filename']."</p>";
-			}
-
-			// File extention
-			echo "<p>File Type: ".pathinfo($image['imagename'], PATHINFO_EXTENSION)."</p>";
-
-			// Image resolution
-			list($width, $height) = getimagesize($image_path);
-			echo "<p>Image resolution: ".$width."x".$height."</p>";
-
-			// Image Upload date
-			echo "<p>Last updated: +0 ".$image['upload']."</p>";
-
-			echo "<br>";
-
-			// Image download
-			echo "<a class='btn btn-good' href='images/".$image['imagename']."' download='".$image['imagename']."'><img class='svg' src='assets/icons/download.svg'>Download image</a>";
-
-			// Copy image
+				// Image download
+				echo "<a class='btn btn-good' href='images/".$image['imagename']."' download='".$image['imagename']."'><img class='svg' src='assets/icons/download.svg'>Download image</a>";
 			?>
+			<button class='btn btn-good' onclick='copyLink()'><img class='svg' src='assets/icons/clipboard-text.svg'>Copy image link</button>
 			<script>
 				function copyLink() {
 					navigator.clipboard.writeText(window.location.href);
@@ -190,9 +192,6 @@
 					sniffleAdd("Info", "Link has been copied!", "var(--green)", "assets/icons/clipboard-text.svg");
 				}
 			</script>
-			<?php
-			echo "<button class='btn btn-good' onclick='copyLink()'><img class='svg' src='assets/icons/clipboard-text.svg'>Copy image link</button>";
-			?>
 		</div>
 
 		<div class="tags-root default-window">