style for pleroma reactions

static/style.css

@@ -27,6 +27,16 @@ frame, body {
 	overflow-wrap: break-word;
 }
 
+.pleroma-reactions #place-react{
+	border: 1px solid grey;
+	background-color: transparent
+}
+
+.pleroma-reactions #place-unreact{
+	border: 1px solid bisque;
+	background-color: transparent
+}
+
 .status-name {
 	overflow-wrap: break-word;
 }

templates/status.tmpl

@@ -1,4 +1,5 @@
 {{with .Data}}
+{{if .Muted}}<details><summary> muted post </summary>{{end}}
 <div id="status-{{.ID}}" class="status-container-container">
 	{{if .Reblog}}
 	<details>
@@ -116,9 +117,9 @@
 					<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
 					<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
 					{{if .Url}}
-					<input type="image" src="{{.Url}}" title="{{.Name}}{{.Count}}*" {{if eq $react "unreact"}}height=36 width=36 {{else}} height=32 width=32 {{end}} class="pleroma-emoji">
+					<input id="place-{{$react}}" type="image" src="{{.Url}}" title="{{.Name}}{{.Count}}*" {{if eq $react "unreact"}}height=36 width=36 {{else}} height=32 width=32 {{end}} class="pleroma-emoji">
 					{{else}}
-					<input type="submit" value="{{.Name}}{{.Count}}{{if eq $react "unreact"}}*{{end}}" class="pleroma-emoji">
+					<input id="place-{{$react}}" type="submit" value="{{.Name}}{{.Count}}{{if eq $react "unreact"}}*{{end}}" class="pleroma-emoji">
 					{{end}}
 				</form>
 				{{end}}
@@ -293,4 +294,5 @@
 	{{end}}
 	{{end}}
 </div>
+{{if .Muted}}</details>{{end}}
 {{end}}