From e5bedb5760638cff216a23dcfd50087df75a81d3 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Thu, 11 Jan 2024 00:15:07 +0200
Subject: [PATCH] add adaptive tilt padding

---
 files/templates/comments.html | 3 ++-
 files/templates/post.html     | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/files/templates/comments.html b/files/templates/comments.html
index a04605c0e7..5b92659d8a 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -246,7 +246,8 @@
 						{% endif %}
 
 						{% set realbody = c.realbody(v) %}
-						<div id="comment-text-{{c.id}}" class="{{c.award_classes(v)}} comment-text mb-0" {% if c.award_count('tilt', v) %}style="transform: rotate({{c.award_count('tilt', v)}}deg)"{% endif %}>
+						{% set tilt = c.award_count('tilt', v) %}
+						<div id="comment-text-{{c.id}}" class="{{c.award_classes(v)}} comment-text mb-0" {% if tilt %}style="transform: rotate({{tilt}}deg);padding-right: {{tilt*10}}px;padding-left: {{tilt*10}}px"{% endif %}>
 							{{realbody | safe}}
 						</div>
 
diff --git a/files/templates/post.html b/files/templates/post.html
index aa0089738a..aafb580242 100644
--- a/files/templates/post.html
+++ b/files/templates/post.html
@@ -104,7 +104,8 @@
 						</h1>
 
 						{% if not v_forbid_deleted %}
-							<div id="post-body" class="post-body mt-3" {% if p.award_count('tilt', v) %}style="transform: rotate({{p.award_count('tilt', v)}}deg)"{% endif %}>
+							{% set tilt = p.award_count('tilt', v) %}
+							<div id="post-body" class="post-body mt-3" {% if tilt %}style="transform: rotate({{tilt}}deg);padding-right: {{tilt*10}}px;padding-left: {{tilt*10}}px"{% endif %}>
 								{% if p.realurl(v) and not p.is_image and not p.is_video and not p.is_audio %}
 									<a rel="noopener" href="{{p.realurl(v)}}" {% if not v or v.newtabexternal %}target="_blank"{% endif %}>
 										<div class="d-flex justify-content-between align-items-center border rounded p-2 mb-3">