X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;ds=sidebyside;f=view%2Fglobal.css;h=3365ce4aa03e172d0b23576e8aae73ebde8d1830;hb=5a12bd87f39ab6fda311a1916ec5ad0b22279831;hp=3fa82906a3089d28063d8dde5b469bcd47a38f7e;hpb=ec33957a4f02fbf2a8fa943eafa9974d1fbc2a75;p=friendica.git

diff --git a/view/global.css b/view/global.css
index 3fa82906a3..3365ce4aa0 100644
--- a/view/global.css
+++ b/view/global.css
@@ -151,16 +151,38 @@ span.connector {
 }
 
 /* Shared Messages */
+
 .shared_header {
+  display: flex;
+  justify-content: space-between;
   min-height: 32px;
   color: #999;
   border-top: 1px solid #D2D2D2;
   padding-top: 5px;
   margin-top: 5px;
 }
+.shared_header > .avatar {
+  display: block;
+  flex: 0 0 41px;
+  margin-inline-end: 9px;
+}
+.shared_header > .avatar > img {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.shared_header > .metadata {
+  flex: 1 0 auto;
+}
+.shared_header > .metadata > p {
+  margin: 0;
+}
+.shared_header > .preferences {
+  position: static;
+  flex: 0 0 auto;
+}
 
 .shared_header a {
-  color: black;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
@@ -168,20 +190,8 @@ span.connector {
   transition: all 0.2s ease-in-out;
 }
 
-.shared_header a:hover {
-  color: #36c;
-}
-
-.shared_header img {
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  float: left;
-  margin-right: 9px;
-}
-
 blockquote.shared_content {
-  margin-left: 32px;
+  margin-inline-start: 32px;
   color: #000;
   border: none;
 }
@@ -656,3 +666,7 @@ body.dragging, body.dragging * {
 span.required {
 	color: #c80000;
 }
+
+audio {
+  width: 100%;
+}