From 9762c214c6ce4c5cfe71980ba1b4855e799dd3d3 Mon Sep 17 00:00:00 2001
From: pluja <github_pluja@r3d.red>
Date: Wed, 26 Aug 2020 18:52:20 +0200
Subject: [PATCH] Remove tweet feed overflow

---
 app/static/styles.css         |  4 +++
 app/templates/_post.html      | 59 +++++++++++++++--------------------
 app/templates/_post_nort.html | 59 +++++++++++++++--------------------
 app/templates/base.html       | 12 +++----
 app/templates/twitter.html    |  8 ++---
 5 files changed, 66 insertions(+), 76 deletions(-)

diff --git a/app/static/styles.css b/app/static/styles.css
index 0816937..c5010ec 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -17,4 +17,8 @@
 .video-title{
     font-weight: bold;
     font-size: 1.15em;
+}
+
+.break-word{
+    word-break: break-word;
 }
\ No newline at end of file
diff --git a/app/templates/_post.html b/app/templates/_post.html
index 7ca8cd2..2615683 100644
--- a/app/templates/_post.html
+++ b/app/templates/_post.html
@@ -1,37 +1,30 @@
-<div class="column"> <!--Start tweet-->
-    <div class="ui centered card">
-        <div class="content">
-            <div class="extra content">
-                <div class="left floated author">
-                    <img class="ui avatar image" src="{{ url_for('static',filename='img/avatars/')}}{{range(1, 12) | random}}.png">
-                </div>
-                
-                <a href="{{post.url}}"><span class="right floated star">
-                    <i class="share square outline icon"></i>
-                </span></a>
-            </div>
-            <div class="header" id="author"><a href="user/{{post.op.replace('@','')}}">{{ post.op }}</a></div>
-            <div class="meta">
-                <span class="category" id="time"><i class="clock icon"></i> {{post.date}} </span>
-                <span class="category"><i class="retweet icon"></i> {{post.username}} retwitted</span>      
-            </div>
-            <div class="description">
-                <p>{{post.content}}</p>
-            </div>
-            <div class="extra content">
-                <p>
-                    <form class="ui form" action="{{ url_for('savePost', url=post.url.replace('/', '~')) }}" method="post">
-                        <button type="submit" class="ui icon button">
-                            <i class="bookmark outline icon"></i>
-                          </button>
-                    </form>
-                </p>
+<div class="ui centered card"><!--Start tweet-->
+    <div class="content">
+        <div class="extra content">
+            <div class="left floated author">
+                <img class="ui avatar image" src="{{ url_for('static',filename='img/avatars/')}}{{range(1, 12) | random}}.png">
             </div>
+            
+            <a href="{{post.url}}"><span class="right floated star">
+                <i class="share square outline icon"></i>
+            </span></a>
+        </div>
+        <div class="header" id="author"><a href="user/{{post.op.replace('@','')}}">{{ post.op }}</a></div>
+        <div class="meta">
+            <span class="category" id="time"><i class="clock icon"></i> {{post.date}} </span>
+            <span class="category"><i class="retweet icon"></i> {{post.username}} retwitted</span>      
+        </div>
+        <div class="description break-word">
+            <p>{{post.content}}</p>
+        </div>
+        <div class="extra content">
+            <p>
+                <form class="ui form" action="{{ url_for('savePost', url=post.url.replace('/', '~')) }}" method="post">
+                    <button type="submit" class="ui icon button">
+                        <i class="bookmark outline icon"></i>
+                        </button>
+                </form>
+            </p>
         </div>
-        <!--<div class="extra content">
-        <i class="like icon"></i> 1000
-        <span> ·  · </span>
-        <i class="retweet icon"></i> 20
-        </div>-->
     </div>
 </div> <!--End tweet--> 
\ No newline at end of file
diff --git a/app/templates/_post_nort.html b/app/templates/_post_nort.html
index 20134ac..46a3483 100644
--- a/app/templates/_post_nort.html
+++ b/app/templates/_post_nort.html
@@ -1,37 +1,30 @@
-<div class="column"> <!--Start tweet-->
-    <div class="ui centered card">
-        <div class="content">
-            <div class="extra content">
-                <div class="left floated author">
-                    <img class="ui avatar image" src="{{ post.profilePic }}">
-                </div>
-                
-                <a href="{{post.url}}"><span class="right floated star">
-                    <i class="share square outline icon"></i>
-                </span></a>
-            </div>
-            <div class="header" id="author"><a href="user/{{post.op.replace('@','')}}">{{ post.op }}</a></div>
-            <div class="meta">
-                <span class="category" id="time"><i class="clock icon"></i> {{post.date}} </span>
-                {% if post.isPinned %}
-                <span class="category" id="time"><i class="map pin icon"></i> Pinned </span>
-                {%endif%}
-            </div>
-            <div class="description">
-                <p>{{post.content}}</p>
-            </div>
-            <div class="extra content">
-                <form class="ui form" action="{{ url_for('savePost', url=post.url.replace('/', '~')) }}" method="post">
-                    <button type="submit" class="ui icon button">
-                        <i class="bookmark outline icon"></i>
-                    </button>
-                </form>
+<div class="ui centered card"><!--Start tweet-->
+    <div class="content">
+        <div class="extra content">
+            <div class="left floated author">
+                <img class="ui avatar image" src="{{ post.profilePic }}">
             </div>
+            
+            <a href="{{post.url}}"><span class="right floated star">
+                <i class="share square outline icon"></i>
+            </span></a>
+        </div>
+        <div class="header" id="author"><a href="user/{{post.op.replace('@','')}}">{{ post.op }}</a></div>
+        <div class="meta">
+            <span class="category" id="time"><i class="clock icon"></i> {{post.date}} </span>
+            {% if post.isPinned %}
+            <span class="category" id="time"><i class="map pin icon"></i> Pinned </span>
+            {%endif%}
+        </div>
+        <div class="description break-word">
+            <p>{{post.content}}</p>
+        </div>
+        <div class="extra content">
+            <form class="ui form" action="{{ url_for('savePost', url=post.url.replace('/', '~')) }}" method="post">
+                <button type="submit" class="ui icon button">
+                    <i class="bookmark outline icon"></i>
+                </button>
+            </form>
         </div>
-        <!--<div class="extra content">
-        <i class="like icon"></i> 1000
-        <span> ·  · </span>
-        <i class="retweet icon"></i> 20
-        </div>-->
     </div>
 </div> <!--End tweet-->
\ No newline at end of file
diff --git a/app/templates/base.html b/app/templates/base.html
index 3ade65c..8ab3a56 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -12,18 +12,18 @@
         <link rel="stylesheet" type= "text/css" href="{{ url_for('static',filename='styles.css') }}">
     </head>
     <body>
-        <div class="ui stackable menu">
+        <div class="ui labeled icon menu">
             <a href="{{ url_for('index') }}"><div class="item">
                 <img src="{{ url_for('static',filename='img/logo.png') }}">
             </div></a>
             {% if current_user.is_anonymous %}
             <a href="{{ url_for('login') }}" class="item">Login</a>
             {% else %}
-                <a href="{{ url_for('twitter') }}" class="twitter item">Twitter</a>
-                <a href="{{ url_for('search') }}" class="twitter item">Search</a>
-                <a href="{{ url_for('saved') }}" class="twitter item">Saved</a>
-                <a href="{{ url_for('youtube') }}" class="youtube item">Youtube</a>
-                <a href="{{ url_for('ytsearch') }}" class="youtube item">Search</a>
+                <a href="{{ url_for('twitter') }}" class="twitter item"><i class="twitter icon"></i></a>
+                <a href="{{ url_for('search') }}" class="twitter item"><i class="search icon"></i></a>
+                <a href="{{ url_for('saved') }}" class="twitter item"><i class="bookmark icon"></i></a>
+                <a href="{{ url_for('youtube') }}" class="youtube item"><i class="youtube icon"></i></a>
+                <a href="{{ url_for('ytsearch') }}" class="youtube item"><i class="search icon"></i></a>
                 <a href="{{ url_for('settings') }}" class="item"><i class="cog icon"></i></a>
                 <a href="{{ url_for('logout') }}" class="item"><i class="sign-out icon"></i></a>
             {% endif %}
diff --git a/app/templates/twitter.html b/app/templates/twitter.html
index 8ab94bf..7a1a381 100644
--- a/app/templates/twitter.html
+++ b/app/templates/twitter.html
@@ -1,17 +1,17 @@
 {% extends "base.html" %}
 
 {% block content %}
-    <div style="padding: 1.3em;" class="ui one column centered grid">
-        <a href="{{ url_for('following') }}"><div class="ui small teal statistic">
+    <div class="text container centered">
+        <a style="padding: 1.3em; display: block;" href="{{ url_for('following') }}" class="ui small teal statistic">
             <div class="value">
                 {{ followedCount }}
             </div>
             <div class="label">
                 Following
             </div>
-        </div></a>
+        </a>
     </div>
-    <div class="ui one column grid" id="card-container">
+    <div class="text container" id="card-container">
         {% if posts %}
             {% for post in posts %}
                 {% if post.isRT %}