X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fglobal.css;h=3365ce4aa03e172d0b23576e8aae73ebde8d1830;hb=e7384288766f342da98b7d0ada082db516501ac6;hp=cd0253ac665326bdfe0754da0bf2c78d9cae6a8d;hpb=36717a99539bb5688f058d46a616230c3bbf74ba;p=friendica.git

diff --git a/view/global.css b/view/global.css
index cd0253ac66..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,25 +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;
-}
-
-.shared_header span {
-  display: table-cell;
-  float: none;
-}
-
 blockquote.shared_content {
-  margin-left: 32px;
+  margin-inline-start: 32px;
   color: #000;
   border: none;
 }
@@ -657,3 +662,11 @@ body.dragging, body.dragging * {
 	border-left-color: black;
 	border-right: none;
 }
+
+span.required {
+	color: #c80000;
+}
+
+audio {
+  width: 100%;
+}