Fix css and template issues

4 files changed, 32 insertions, 18 deletions

diff --git a/templates/notification.tmpl b/templates/notification.tmpl
index 271597b..e46ce8a 100644
--- a/templates/notification.tmpl
+++ b/templates/notification.tmpl
@@ -6,9 +6,11 @@
 <div class="notification-container {{if .Pleroma}}{{if not .Pleroma.IsSeen}}unread{{end}}{{end}}">
 	{{if eq .Type "follow"}}
 	<div class="notification-follow-container">
-		<a href="/user/{{.Account.ID}}" >
-			<img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="profile-avatar" />
-		</a>
+		<div class="status-profile-img-container">
+			<a class="img-link" href="/user/{{.Account.ID}}" >
+				<img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="profile-avatar" />
+			</a>
+		</div>
 		<div>
 			<div>
 				<span class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </span>  
@@ -26,9 +28,11 @@
 
 	{{else if eq .Type "reblog"}}
 	<div class="notification-retweet-container">
-		<a href="/user/{{.Account.ID}}" >
-			<img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="profile-avatar" />
-		</a>
+		<div class="status-profile-img-container">
+			<a class="img-link" href="/user/{{.Account.ID}}" >
+				<img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="profile-avatar" />
+			</a>
+		</div>
 		<div>
 			<div>
 				<span class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </span>  
@@ -41,9 +45,11 @@
 
 	{{else if eq .Type "favourite"}}
 	<div class="notification-like-container">
-		<a href="/user/{{.Account.ID}}" >
-			<img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="profile-avatar" />
-		</a>
+		<div class="status-profile-img-container">
+			<a class="img-link" href="/user/{{.Account.ID}}" >
+				<img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="profile-avatar" />
+			</a>
+		</div>
 		<div>
 			<div>
 				<span class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </span>  
diff --git a/templates/postform.tmpl b/templates/postform.tmpl
index 137232f..309e139 100644
--- a/templates/postform.tmpl
+++ b/templates/postform.tmpl
@@ -10,7 +10,7 @@
 	</div>
 	<div>
 		<label for ="post-visilibity"> Visibility </label>
-		<select id="post-visilibity" type="file" name="visibility">
+		<select id="post-visilibity" name="visibility">
 			<option value="public" {{if eq .DefaultVisibility "public"}}selected{{end}}>Public</option>
 			<option value="unlisted" {{if eq .DefaultVisibility "unlisted"}}selected{{end}}>Unlisted</option>
 			<option value="private" {{if eq .DefaultVisibility "private"}}selected{{end}}>Private</option>
diff --git a/templates/status.tmpl b/templates/status.tmpl
index a89fc78..7ec7d29 100644
--- a/templates/status.tmpl
+++ b/templates/status.tmpl
@@ -1,7 +1,7 @@
 <div id="status-{{if .Reblog}}{{.Reblog.ID}}{{else}}{{.ID}}{{end}}" class="status-container-container">
 	{{if .Reblog}}
 	<div class="retweet-info">
-		<a href="/user/{{.Account.ID}}" >
+		<a class="img-link" href="/user/{{.Account.ID}}">
 			<img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="profile-avatar" />
 		</a>
 		<span class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </span>  
@@ -12,13 +12,13 @@
 	{{else}}
 	{{block "status" .}}
 	<div class="status-container">
-		<div>
-			{{if not .HideAccountInfo}}
-			<a href="/user/{{.Account.ID}}" >
+		{{if not .HideAccountInfo}}
+		<div class="status-profile-img-container">
+			<a class="img-link" href="/user/{{.Account.ID}}">
 				<img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="profile-avatar" />
 			</a>
-			{{end}}
 		</div>
+		{{end}}
 		<div class="status"> 
 			{{if not .HideAccountInfo}}
 			<div class="status-name">
@@ -26,7 +26,7 @@
 				<a href="/user/{{.Account.ID}}" >
 					<span class="status-uname"> {{.Account.Acct}} </span>
 				</a>
-				<a class="status-visibility" href="{{.URL}}" target="_blank">
+				<a class="status-visibility">
 					{{if eq .Visibility "public"}}
 					<span class="icon dripicons-web" title="Public"></span> 
 					{{else if eq .Visibility "unlisted"}}
@@ -37,6 +37,9 @@
 					<span class="icon dripicons-mail" title="Direct"></span> 
 					{{end}}
 				</a>
+				<a class="remote-link" href="{{.URL}}" target="_blank" title="source">
+					<span class="icon dripicons-link"></span> 
+				</a>
 			</div>
 			{{end}}
 			<div class="status-reply-container">
@@ -56,7 +59,7 @@
 			<div class="status-media-container">
 			{{range .MediaAttachments}}
 			{{if eq .Type "image"}}
-			<a href="{{.URL}}" target="_blank">
+			<a class="img-link" href="{{.URL}}" target="_blank">
 				<img class="status-image" src="{{.URL}}" alt="status-image" />
 			</a>
 			{{else if eq .Type "audio"}}
diff --git a/templates/user.tmpl b/templates/user.tmpl
index e1a782a..ccb0e4a 100644
--- a/templates/user.tmpl
+++ b/templates/user.tmpl
@@ -5,12 +5,17 @@
 <div class="user-info-container">
 <div>
 	<div class="user-profile-img-container">
-		<img class="user-profile-img" src="{{.User.AvatarStatic}}" alt="profile-avatar" />
+		<a class="img-link" href="{{.User.AvatarStatic}}" target="_blank">
+			<img class="user-profile-img" src="{{.User.AvatarStatic}}" alt="profile-avatar" />
+		</a>
 	</div>
 	<div class="user-profile-details-container">
 		<div>
 			<span class="status-dname"> {{EmojiFilter .User.DisplayName .User.Emojis}} </span>  
 			<span class="status-uname"> {{.User.Acct}} </span>
+			<a class="remote-link" href="{{.User.URL}}" target="_blank" title="remote profile">
+				<span class="icon dripicons-link"></span> 
+			</a>
 		</div>
 		<div>
 			<span> {{if .User.Pleroma.Relationship.FollowedBy}} follows you - {{end}} </span>