layout fixes

3 files changed, 8 insertions, 46 deletions

diff --git a/vnext/src/App.js b/vnext/src/App.js
index 626153e0..3a825770 100644
--- a/vnext/src/App.js
+++ b/vnext/src/App.js
@@ -119,14 +119,14 @@ export default class App extends React.Component {
                 }
                 <Link to={{ pathname: '/discover' }} rel="nofollow">
                   <Icon name="ei-search" size="s" />
-                    <span className="desktop">Discover</span>
-                  </Link>
+                  <span className="desktop">Discover</span>
+                </Link>
 
                 {user.uid > 0 ?
                   <Link to={{ pathname: '/post' }}>
                     <Icon name="ei-pencil" size="s" />
-                      <span className="desktop">Post</span>
-                    </Link>
+                    <span className="desktop">Post</span>
+                  </Link>
                   :
                   <LoginButton title="Login" onAuth={this.auth} />
                 }
diff --git a/vnext/src/components/Message.css b/vnext/src/components/Message.css
index 328e5598..8a879805 100644
--- a/vnext/src/components/Message.css
+++ b/vnext/src/components/Message.css
@@ -1,57 +1,21 @@
-article {
-    background: #fff;
-    box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
-    line-height: 140%;
-    margin-bottom: 10px;
-    padding: 20px;
-}
-article time {
-    color: #999;
-    font-size: small;
-}
-article p {
-    clear: left;
-    margin: 5px 0 15px 0;
-    word-wrap: break-word;
-    overflow-wrap: break-word;
-}
-article .ir {
-    text-align: center;
-}
-article .ir a {
-    cursor: zoom-in;
-    display: block;
-}
 .msg-cont .ir img {
     max-width: 100%;
     height: auto;
 }
-article > nav.l,
 .msg-cont > nav.l {
     border-top: 1px solid #eee;
     display: flex;
     justify-content: space-around;
     font-size: small;
 }
-article > nav.l a,
 .msg-cont > nav.l a {
     color: #888;
     margin-right: 15px;
 }
-article .likes {
-    padding-left: 20px;
-}
-article .replies {
-    margin-left: 18px;
-}
-article .tags {
-    margin-top: 3px;
-}
 .msg-tags {
     margin-top: 12px;
     min-height: 1px;
 }
-article .tags > a,
 .badge,
 .msg-tags > a {
     background: #eee;
@@ -93,7 +57,7 @@ article .tags > a,
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
     line-height: 140%;
     margin-bottom: 12px;
-    padding: 20px;
+    padding: 12px;
 }
 .reply-new .msg-cont {
     border-right: 5px solid #0C0;
diff --git a/vnext/src/components/Spinner.js b/vnext/src/components/Spinner.js
index b5e33947..a11426df 100644
--- a/vnext/src/components/Spinner.js
+++ b/vnext/src/components/Spinner.js
@@ -5,19 +5,17 @@ export default function Spinner(props) {
     return (
         <div className="msg-cont">
             <ContentLoader
-                height={160}
                 speed={2}
                 primaryColor="#f8f8f8"
                 secondaryColor="#ecebeb"
-                style={{ height: '160px' }}
                 {...props}>
                 <rect x="56" y="6" rx="0" ry="0" width="117" height="6.4" />
                 <rect x="56" y="20" rx="0" ry="0" width="85" height="6.4" />
-                <rect x="0" y="60" rx="0" ry="0" width="340" height="6.4" />
-                <rect x="0" y="78" rx="0" ry="0" width="340" height="6.4" />
+                <rect x="0" y="60" rx="0" ry="0" width="270" height="6.4" />
+                <rect x="0" y="78" rx="0" ry="0" width="270" height="6.4" />
                 <rect x="0" y="96" rx="0" ry="0" width="201" height="6.4" />
                 <rect x="0" y="0" rx="0" ry="0" width="48" height="48" />
-                <rect x="0" y="120" rx="0" ry="0" width="340" height="1" />
+                <rect x="0" y="120" rx="0" ry="0" width="270" height="1" />
             </ContentLoader>
         </div>
     );