css fo rbuttons

Author: cc-d

static/base.css

@@ -798,4 +798,25 @@ margin-top: 0px;
 
 .bottom_inner_row {
 	margin-left: -23px;
-}
+}
+
+.btn-description {
+	display: inline-block;
+	font-size: 100%;
+}
+
+.btn-bot {
+    padding: 0;
+    margin: 0;
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+    font-size: 80%;
+}
+
+
+@media only screen and (max-width: 992px) {
+	.btn-description {
+		display: none;
+	}
+}
+

templates/comments.html

@@ -140,12 +140,12 @@ <h5 id='single-comment'> you are viewing a single comment - <a style='text-decor
 		<selftext class="comment-text comment-text-text safe-markup-text">{{ comment.new_text|safe }}</selftext>
 		</div>	
 		{% if session['user'] not in post.mods %}
-		<div class="row post-row comment-bottom" style='margin-bottom: 1rem!important;'>
+		<div class="row post-row comment-bottom" style='margin-bottom: 1rem!important; display: inline; width: 100%;'>
 		{% else %}
-		<div class="row post-row comment-bottom">
+		<div class="row post-row comment-bottom" style='display: inline; width: 100%;'>
 		{% endif %}
 
-<div style='display: inline-block;' class="inner-div comment-voting" vote-obj-id="{{ comment.id }}" vote-obj-type="comment" vote-userid="session['user_id']" has_voted="{{ comment.has_voted }}">
+<div style='display: inline;' class="inner-div comment-voting" vote-obj-id="{{ comment.id }}" vote-obj-type="comment" vote-userid="session['user_id']" has_voted="{{ comment.has_voted }}">
 	{% if comment.has_voted == 1 %}
 	<a href="javascript:void(0)"><i style="color: orange;"class="fa fa-arrow-up"></i></a>
 	{% else %}
@@ -158,20 +158,24 @@ <h5 id='single-comment'> you are viewing a single comment - <a style='text-decor
 	<a href="javascript:void(0)"><i class="fa fa-arrow-down"></i></a>
 	{% endif %}
 </div>
-			<div class="inner-div applyinline" stlye='display: inline-block;'>
+			<div class="inner-div applyinline" style="display: inline;">
 				{% if post.locked == False %}
 				<a class="comment-link comment-reply" href="javascript:void(0)" comment_id="{{ comment.id }}">reply</a>
 				{% endif %}
 
+				{% if loop.depth0 == 4 and value|length > 0 %}
+					<a class="comment-link" href="{{ config.URL }}/i/{{ post.sub }}/{{ post.id }}/{{ post.inurl_title }}/{{ comment.id }}/"><button class = 'btn-sm btn btn-success comment-more'>
+						more comments <i class='fa fa-arrow-circle-right '></i>
+					</button></a>
+				{% endif %}
 
 
-
-<div class='commoptions'>
+<div class='commoptions' style='float: right; margin: 0.5rem;'>
         {% if session['username'] == comment.author %}
 <!-- USER MENU -->
 <div class="dropdown bottom-post-dropdown">
-  <button class="btn btn-secondary btn-sm bottom-dropdown comment-button-dropdown" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    <i class='fa fa-user'></i>
+  <button class="btn btn-secondary btn-bot btn-sm bottom-dropdown comment-button-dropdown" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+    <i class='fa fa-user'></i> <h6 class='btn-description'>user</h6> 
   </button>
   <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
             {% if session['username'] == post.author %}
@@ -190,8 +194,8 @@ <h5 id='single-comment'> you are viewing a single comment - <a style='text-decor
 
 {% if session['username'] in post.mods or session['admin'] == True %}
 <div class="dropdown bottom-post-dropdown">
-  <button class="btn btn-info btn-sm bottom-dropdown comment-button-dropdown" type="button" id="dropdownMenuButton3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    <i class='fa fa-gavel'></i>
+  <button class="btn btn-info btn-sm btn-bot bottom-dropdown comment-button-dropdown" type="button" id="dropdownMenuButton3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+    <i class='fa fa-gavel'><h6 class='btn-description'>mod</h6> </i>
   </button>
   <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
             {% if session['username'] != comment.author %}
@@ -201,11 +205,6 @@ <h5 id='single-comment'> you are viewing a single comment - <a style='text-decor
   </div>
 </div>
 {% endif %}
-				{% if loop.depth0 == 4 and value|length > 0 %}
-					<a class="comment-link" href="{{ config.URL }}/i/{{ post.sub }}/{{ post.id }}/{{ post.inurl_title }}/{{ comment.id }}/"><button class = 'btn-sm btn btn-success comment-more'>
-						more comments <i class='fa fa-arrow-circle-right '></i>
-					</button></a>
-				{% endif %}
 
 
 

templates/sub_post.html

@@ -178,8 +178,7 @@
 {% if session['username'] == post.author %}
 <!-- USER MENU -->
 <div class="dropdown bottom-post-dropdown">
-  <button class="btn btn-secondary btn-sm bottom-dropdown" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    <i class='fa fa-pencil'></i>
+  <button class="btn btn-secondary btn-sm bottom-dropdown btn-bot" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class='fa fa-pencil'></i> <h6 class='btn-description'>user</h6>
   </button>
   <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
             {% if session['username'] == post.author %}
@@ -203,8 +202,7 @@
 <!-- mod menu -->
 {% if session['username'] in post.mods or session['admin'] == True %}
 <div class="dropdown bottom-post-dropdown">
-  <button class="btn btn-info btn-sm bottom-dropdown" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    <i class='fa fa-gavel'></i>  </button>
+  <button class="btn btn-info btn-sm bottom-dropdown btn-bot" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class='fa fa-gavel' style='display: inline-block;'></i> <h6 class='btn-description'>mod</h6>  </button>
   <div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
             {% if session['username'] != post.author %}
             {% if post.nsfw == False  and post.author %}