From 992b3ca95b6e89e743ac2d0a47c3a652ea7bd1da Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Fri, 7 Aug 2020 23:17:37 -0400
Subject: [PATCH] Some UI fixes.

---
 ansible/VERSION                    |  2 +-
 docker/prod/docker-compose.yml     |  2 +-
 docker/travis/docker_push.sh       |  4 ++--
 server/src/version.rs              |  2 +-
 ui/assets/css/main.css             |  4 ++++
 ui/src/components/navbar.tsx       |  2 +-
 ui/src/components/post-listing.tsx | 11 +++++------
 ui/src/utils.ts                    | 11 ++++++++---
 8 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/ansible/VERSION b/ansible/VERSION
index 287008c5a..4b374c6c1 100644
--- a/ansible/VERSION
+++ b/ansible/VERSION
@@ -1 +1 @@
-v0.7.43
+v0.7.45
diff --git a/docker/prod/docker-compose.yml b/docker/prod/docker-compose.yml
index 2b5215e90..d93845add 100644
--- a/docker/prod/docker-compose.yml
+++ b/docker/prod/docker-compose.yml
@@ -12,7 +12,7 @@ services:
     restart: always
 
   lemmy:
-    image: dessalines/lemmy:v0.7.43
+    image: dessalines/lemmy:v0.7.45
     ports:
       - "127.0.0.1:8536:8536"
     restart: always
diff --git a/docker/travis/docker_push.sh b/docker/travis/docker_push.sh
index 867f49131..eb2c959df 100644
--- a/docker/travis/docker_push.sh
+++ b/docker/travis/docker_push.sh
@@ -1,5 +1,5 @@
 #!/bin/sh
 echo "$DOCKER_PASSWORD" | docker login -u "$DOCKER_USERNAME" --password-stdin
 docker tag dessalines/lemmy:travis \
-  dessalines/lemmy:v0.7.43
-docker push dessalines/lemmy:v0.7.43
+  dessalines/lemmy:v0.7.45
+docker push dessalines/lemmy:v0.7.45
diff --git a/server/src/version.rs b/server/src/version.rs
index 02045fb5c..1aa5bc41f 100644
--- a/server/src/version.rs
+++ b/server/src/version.rs
@@ -1 +1 @@
-pub const VERSION: &str = "v0.7.43";
+pub const VERSION: &str = "v0.7.45";
diff --git a/ui/assets/css/main.css b/ui/assets/css/main.css
index 2fed68a39..5367c6222 100644
--- a/ui/assets/css/main.css
+++ b/ui/assets/css/main.css
@@ -32,6 +32,10 @@
   margin-top: -10px;
 }
 
+.custom-select {
+  -moz-appearance: none;
+}
+
 .md-div p {
   overflow: hidden;
   text-overflow: ellipsis;
diff --git a/ui/src/components/navbar.tsx b/ui/src/components/navbar.tsx
index 5d1deb9fe..676ab8d4f 100644
--- a/ui/src/components/navbar.tsx
+++ b/ui/src/components/navbar.tsx
@@ -369,7 +369,7 @@ export class Navbar extends Component<any, NavbarState> {
                 </>
               ) : (
                 <ul class="navbar-nav my-2">
-                  <li className="nav-item">
+                  <li className="ml-2 nav-item">
                     <Link
                       class="btn btn-success"
                       to="/login"
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index c338a6182..5e5d0a16f 100644
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -515,9 +515,8 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
         </li>
         {(showVotes || this.state.upvotes !== this.state.score) && (
           <>
-            <li className="list-inline-item">•</li>
             <span
-              class="unselectable pointer mr-2"
+              class="unselectable pointer ml-3"
               data-tippy-content={this.pointsTippy}
             >
               <li className="list-inline-item">
@@ -527,8 +526,8 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
                   }`}
                   onClick={linkEvent(this, this.handlePostLike)}
                 >
-                  <svg class="small icon icon-inline mr-1">
-                    <use xlinkHref="#icon-arrow-up"></use>
+                  <svg class="small icon icon-inline mx-1">
+                    <use xlinkHref="#icon-arrow-up1"></use>
                   </svg>
                   {this.state.upvotes}
                 </a>
@@ -540,8 +539,8 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
                   }`}
                   onClick={linkEvent(this, this.handlePostDisLike)}
                 >
-                  <svg class="small icon icon-inline mr-1">
-                    <use xlinkHref="#icon-arrow-down"></use>
+                  <svg class="small icon icon-inline mx-1">
+                    <use xlinkHref="#icon-arrow-down1"></use>
                   </svg>
                   {this.state.downvotes}
                 </a>
diff --git a/ui/src/utils.ts b/ui/src/utils.ts
index 5e0ec47d4..005320952 100644
--- a/ui/src/utils.ts
+++ b/ui/src/utils.ts
@@ -980,12 +980,17 @@ function randomHsl() {
   return `hsla(${Math.random() * 360}, 100%, 50%, 1)`;
 }
 
-export function previewLines(text: string, lines: number = 3): string {
-  // Use lines * 2 because markdown requires 2 lines
+export function previewLines(
+  text: string,
+  maxChars: number = 300,
+  maxLines: number = 1
+): string {
   return (
     text
+      .slice(0, maxChars)
       .split('\n')
-      .slice(0, lines * 2)
+      // Use lines * 2 because markdown requires 2 lines
+      .slice(0, maxLines * 2)
       .join('\n') + '...'
   );
 }