diff --git a/hypha.go b/hypha.go
index cc228d5..83314e2 100644
--- a/hypha.go
+++ b/hypha.go
@@ -171,7 +171,7 @@ func binaryHtmlBlock(hyphaName string, hd *HyphaData) string {
 	case ".jpg", ".gif", ".png", ".webp", ".svg", ".ico":
 		return fmt.Sprintf(`
 		<div class="binary-container binary-container_with-img">
-			<img src="/binary/%s"/>
+			<a href="/page/%[1]s"><img src="/binary/%[1]s"/></a>
 		</div>`, hyphaName)
 	case ".ogg", ".webm", ".mp4":
 		return fmt.Sprintf(`
diff --git a/templates/css.qtpl b/templates/css.qtpl
index 16555dc..546f829 100644
--- a/templates/css.qtpl
+++ b/templates/css.qtpl
@@ -24,8 +24,10 @@ blockquote {border-left: 4px black solid; margin-left: 0; padding-left: 1rem;}
 p code {background-color:#eee; padding: .1rem .3rem; border-radius: .25rem; font-size: 90%; }
 .codeblock {background-color:#eee; padding:.5rem; font-size:16px; white-space: pre-wrap;}
 .transclusion code, .transclusion .codeblock {background-color:#ddd;}
-.transclusion {background-color:#eee; padding:0 0 0 1.5rem;}
-.transclusion__link {display: block; position: absolute; transform-origin: 0 0; transform: rotate(90deg); margin-top: 0.5rem; color: black; text-decoration: none;}
+.transclusion {background-color:#eee; }
+.transclusion__content > *:not(.binary-container) {margin: 0.5rem; }
+.transclusion__link {display: block; text-align: right; font-style: italic; margin-top: 0.5rem; color: black; text-decoration: none;}
+.transclusion__link::before {content: "⇐ ";}
 
 .binary-container_with-img img,
 .binary-container_with-video video,
diff --git a/templates/css.qtpl.go b/templates/css.qtpl.go
index 09902a5..0d7c694 100644
--- a/templates/css.qtpl.go
+++ b/templates/css.qtpl.go
@@ -46,8 +46,10 @@ blockquote {border-left: 4px black solid; margin-left: 0; padding-left: 1rem;}
 p code {background-color:#eee; padding: .1rem .3rem; border-radius: .25rem; font-size: 90%; }
 .codeblock {background-color:#eee; padding:.5rem; font-size:16px; white-space: pre-wrap;}
 .transclusion code, .transclusion .codeblock {background-color:#ddd;}
-.transclusion {background-color:#eee; padding:0 0 0 1.5rem;}
-.transclusion__link {display: block; position: absolute; transform-origin: 0 0; transform: rotate(90deg); margin-top: 0.5rem; color: black; text-decoration: none;}
+.transclusion {background-color:#eee; }
+.transclusion__content > *:not(.binary-container) {margin: 0.5rem; }
+.transclusion__link {display: block; text-align: right; font-style: italic; margin-top: 0.5rem; color: black; text-decoration: none;}
+.transclusion__link::before {content: "⇐ ";}
 
 .binary-container_with-img img,
 .binary-container_with-video video,
@@ -59,31 +61,31 @@ nav ul li {list-style-type:none;margin-right:1rem;}
 
 #new-name {width:100%;}
 `)
-//line templates/css.qtpl:39
+//line templates/css.qtpl:41
 }
 
-//line templates/css.qtpl:39
+//line templates/css.qtpl:41
 func WriteDefaultCSS(qq422016 qtio422016.Writer) {
-//line templates/css.qtpl:39
+//line templates/css.qtpl:41
 	qw422016 := qt422016.AcquireWriter(qq422016)
-//line templates/css.qtpl:39
+//line templates/css.qtpl:41
 	StreamDefaultCSS(qw422016)
-//line templates/css.qtpl:39
+//line templates/css.qtpl:41
 	qt422016.ReleaseWriter(qw422016)
-//line templates/css.qtpl:39
+//line templates/css.qtpl:41
 }
 
-//line templates/css.qtpl:39
+//line templates/css.qtpl:41
 func DefaultCSS() string {
-//line templates/css.qtpl:39
+//line templates/css.qtpl:41
 	qb422016 := qt422016.AcquireByteBuffer()
-//line templates/css.qtpl:39
+//line templates/css.qtpl:41
 	WriteDefaultCSS(qb422016)
-//line templates/css.qtpl:39
+//line templates/css.qtpl:41
 	qs422016 := string(qb422016.B)
-//line templates/css.qtpl:39
+//line templates/css.qtpl:41
 	qt422016.ReleaseByteBuffer(qb422016)
-//line templates/css.qtpl:39
+//line templates/css.qtpl:41
 	return qs422016
-//line templates/css.qtpl:39
+//line templates/css.qtpl:41
 }