Fix css
authorr <r@freesoftwareextremist.com>
Wed, 1 Jan 2020 07:39:42 +0000 (07:39 +0000)
committerr <r@freesoftwareextremist.com>
Wed, 1 Jan 2020 07:39:42 +0000 (07:39 +0000)
- Fix sizing for inline status imaged
- Use flexbox for userinfo

static/main.css

index f17a17116705cd122b9d6e4e7d5f991c766216b9..07953317037a3f2f055abd24177ff53444b33c28 100644 (file)
        margin: 0px;
 }
 
+.status-content img,
+.status-image,
+.status-video {
+       max-height: 180px;
+       max-width: 220px;
+       width: auto;
+       vertical-align: bottom;
+}
+
 .status-media-container {
        margin: 4px 0;
 }
@@ -56,6 +65,7 @@
        height: 20px;
        margin-bottom: -4px;
        width: auto;
+       vertical-align: unset !important;
 }
 
 .name-emoji {
        color: green;
 }
 
-.status-image,
-.status-video {
-       max-height: 180px;
-       max-width: 220px;
-       width: auto;
-       vertical-align: bottom;
-}
-
 .page-title {
        font-size: 23pt;
 }
 .img-link {
        display: inline-block;
        position: relative;
+       margin: 2.5px 0;
 }
 
 .status-profile-img-container .img-link {
 
 .user-info {
        margin-bottom: 8px;
-}
-
-.user-info-img-container {
-       display: inline-block;
-       vertical-align: top;
+       display: flex;
+       align-items: top;
 }
 
 .user-info-img {
 }
 
 .user-info-details-container {
-       display: inline-block;
-       vertical-align: middle;
+       margin-left: 8px;
 }
 
 .user-info-details-container>div {