From e87e8ed3c0185fe1afb0ce6b4fc02344e52ac7ed Mon Sep 17 00:00:00 2001
From: kek7198 <grayboy99@protonmail.com>
Date: Sun, 5 Dec 2021 13:33:58 -0600
Subject: [PATCH] fix

---
 files/templates/submission.html               | 43 +----------------
 .../submission/SubmissionActionsMobile.html   | 48 +++++++++++++++++++
 files/templates/submission_listing.html       |  5 +-
 3 files changed, 53 insertions(+), 43 deletions(-)
 create mode 100644 files/templates/submission/SubmissionActionsMobile.html

diff --git a/files/templates/submission.html b/files/templates/submission.html
index 0125dd07e..0ef06f68b 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -533,48 +533,7 @@
 	</div>
 
 	<div class="md:hidden px-2.5">
-		<ul class="flex items-center space-x-5 text-sm text-gray-500 mb-0">
-
-			<li class="mr-auto">
-				<a {% if v %}href="{{p.permalink}}"{% else %}href="/logged_out{{p.permalink}}"{% endif %} class="text-gray-500 hover:text-gray-400">
-					<i class="fas fa-comment-dots fa-fw mr-2"></i>{{ p.comment_count }} comment{{ '' if p.comment_count == 1 else 's' }}
-					<span class="text-info hidden new-comments"></span>
-				</a>
-			</li>
-
-			<li>
-				<button class="copy-link" data-clipboard-text="{% if 'rama' in request.host %}https://dogpill.life{{p.permalink}}{% else %}{{p.permalink | full_link}}{% endif %}">
-					<i class="fas fa-link fa-fw mr-2"></i>Copy link
-				</button>
-			</li>
-			{% if v %}
-			<li class="list-inline-item">
-				<button data-bs-toggle="modal" data-bs-target="#actionsModal">
-					<i class="fas fa-ellipsis-h fa-fw"></i>
-				</button>
-			</li>
-			{% endif %}
-			<li id="voting-{{p.id}}-mobile" class="voting {% if voted==1 %} upvoted{% elif voted==-1 %} downvoted{% endif %}">
-				{% if v %}
-				<span id="post-mobile-{{p.id}}-up" tabindex="0" href="javascript:void(0)" onclick="vote('post-mobile', '{{p.id}}', '1')" class="mx-0 pr-1 arrow-up upvote-button post-{{p.id}}-up {% if voted==1 %}active{% endif %}">
-				</span>
-				{% else %}
-				<span id="arrow-{{p.id}}-mobile-up" tabindex="0" class="mx-0 pr-1 arrow-mobile-up" onclick="location.href='/login?redirect={{request.path | urlencode}}';">
-					<i class="fas fa-arrow-alt-up mx-0" aria-hidden="true"></i>
-				</span>
-				{% endif %}
-
-				<span id="post-mobile-score-{{p.id}}" class="score post-score-{{p.id}} {% if voted==1 %}score-up{% elif voted==-1%}score-down{% endif %}" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="+{{ups}} | -{{downs}}">{{score}}</span>
-
-				{% if v %}
-				<span {% if environ.get('DISABLE_DOWNVOTES') == '1' %}style="display:None!important"{% endif %} id="post-mobile-{{p.id}}-down" tabindex="0" href="javascript:void(0)" onclick="vote('post-mobile', '{{p.id}}', '-1')" class="mx-0 pl-1 my-0 arrow-down downvote-button post-{{p.id}}-down {% if voted==-1 %}active{% endif %}"></span>
-				{% else %}
-				<span {% if environ.get('DISABLE_DOWNVOTES') == '1' %}style="display:None!important"{% endif %} id="arrow-{{p.id}}-mobile-down" tabindex="0" class="arrow-mobile-down mx-0 pl-1 my-0" onclick="location.href='/login?redirect={{request.path | urlencode}}';">
-					<i class="fas fa-arrow-alt-down mx-0" aria-hidden="true"></i>
-				</span>
-				{% endif %}
-			</li>
-		</ul>
+		{% include "/submission/SubmissionActionsMobile.html" %}
 	</div>
 
 	<div class="shadow-inset-t-white-05 border-t border-gray-300 py-4">
diff --git a/files/templates/submission/SubmissionActionsMobile.html b/files/templates/submission/SubmissionActionsMobile.html
new file mode 100644
index 000000000..ac19439ea
--- /dev/null
+++ b/files/templates/submission/SubmissionActionsMobile.html
@@ -0,0 +1,48 @@
+<ul class="flex items-center space-x-5 text-sm text-gray-500 mb-0">
+	<li>
+		<a {% if v %}href="{{p.permalink}}"{% else %}href="/logged_out{{p.permalink}}"{% endif %} class="text-gray-500 hover:text-gray-400">
+			<i class="fas fa-comment-dots fa-fw mr-2"></i>{{ p.comment_count }} comment{{ '' if p.comment_count == 1 else 's' }}
+			<span class="text-info hidden new-comments"></span>
+		</a>
+	</li>
+	<li class="mr-auto">
+		<span>
+			<i class="fas fa-eye fa-fw mr-2"></i>{{ p.views }}
+		</span>
+	</li>
+
+	<li>
+		<button class="copy-link" data-clipboard-text="{% if 'rama' in request.host %}https://dogpill.life{{p.permalink}}{% else %}{{p.permalink | full_link}}{% endif %}">
+			<i class="fas fa-link fa-fw mr-2"></i>Copy link
+		</button>
+	</li>
+	{% if v %}
+	<li class="list-inline-item">
+		<button data-bs-toggle="modal" data-bs-target="#actionsModal">
+			<i class="fas fa-ellipsis-h fa-fw"></i>
+		</button>
+	</li>
+	{% endif %}
+	<li id="voting-{{p.id}}-mobile" class="voting {% if voted==1 %} upvoted{% elif voted==-1 %} downvoted{% endif %}">
+		{% if v %}
+		<button id="post-mobile-{{p.id}}-up" onclick="vote('post-mobile', '{{p.id}}', '1')" class="mx-0 pr-1 arrow-up upvote-button post-{{p.id}}-up {% if voted==1 %}active{% endif %}">
+		</button>
+		{% else %}
+		<button id="arrow-{{p.id}}-mobile-up" class="mx-0 pr-1 arrow-mobile-up" onclick="location.href='/login?redirect={{request.path | urlencode}}';">
+			<i class="fas fa-arrow-alt-up mx-0" aria-hidden="true"></i>
+		</button>
+		{% endif %}
+
+		<span id="post-mobile-score-{{p.id}}" class="score post-score-{{p.id}} {% if voted==1 %}score-up{% elif voted==-1%}score-down{% endif %}" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="+{{ups}} | -{{downs}}">
+			{{score}}
+		</span>
+
+		{% if v %}
+		<button {% if environ.get('DISABLE_DOWNVOTES') == '1' %}style="display:None!important"{% endif %} id="post-mobile-{{p.id}}-down" onclick="vote('post-mobile', '{{p.id}}', '-1')" class="mx-0 pl-1 my-0 arrow-down downvote-button post-{{p.id}}-down {% if voted==-1 %}active{% endif %}"></button>
+		{% else %}
+		<button {% if environ.get('DISABLE_DOWNVOTES') == '1' %}style="display:None!important"{% endif %} id="arrow-{{p.id}}-mobile-down" class="arrow-mobile-down mx-0 pl-1 my-0" onclick="location.href='/login?redirect={{request.path | urlencode}}';">
+			<i class="fas fa-arrow-alt-down mx-0" aria-hidden="true"></i>
+		</button>
+		{% endif %}
+	</li>
+</ul>
\ No newline at end of file
diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index 9f79873ca..fb4907afe 100644
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -197,9 +197,12 @@
 				</div>
 			{% endif %}
 
-			<div class="pt-3">
+			<div class="hidden md:block pt-3">
 				{% include "/submission/SubmissionActions.html" %}
 			</div>
+			<div class="md:hidden pt-3">
+				{% include "/submission/SubmissionActionsMobile.html" %}
+			</div>
 	</div>
 
 		<div class="flex flex-row flex-nowrap pl-3 md:pl-5">