UI: обновить экран канала и треда

shine-UI/styles/components.css

@@ -3939,6 +3939,12 @@ textarea.input {
   gap: 10px;
 }
 
+.channels-screen--channel .channel-feed {
+  gap: 2px;
+  margin-left: -7px;
+  margin-right: -7px;
+}
+
 .channels-screen .channel-message-card {
   gap: 14px;
   padding: 20px;
@@ -3950,6 +3956,10 @@ textarea.input {
   box-shadow: 0 0 60px rgba(80, 60, 180, 0.15);
 }
 
+.channels-screen--channel .channel-message-card {
+  margin-bottom: 6px;
+}
+
 .channel-message-top {
   display: flex;
   align-items: center;
@@ -4037,19 +4047,41 @@ textarea.input {
 .channel-system-event-card {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: center;
   gap: 10px;
-  padding: 9px 11px;
+  width: fit-content;
+  max-width: min(88%, 460px);
+  margin: 0 auto 4px;
+  padding: 8px 16px;
   border-color: rgba(255, 210, 130, 0.22);
-  background: rgba(89, 67, 31, 0.22);
+  border-radius: 999px;
+  background: rgba(89, 67, 31, 0.26);
   color: rgba(255, 235, 188, 0.92);
   cursor: pointer;
+  text-align: center;
 }
 
-.channel-system-event-card small {
-  flex: 0 0 auto;
+.channel-system-event-card__label {
+  display: block;
+  font-size: 13px;
+  line-height: 1.2;
+}
+
+.channel-meta-details-grid {
+  display: grid;
+  grid-template-columns: minmax(96px, 120px) 1fr;
+  gap: 10px 14px;
+  align-items: start;
+  color: rgba(255, 255, 255, 0.92);
+}
+
+.channel-meta-details-grid > span:nth-child(odd) {
   color: rgba(255, 255, 255, 0.48);
-  font-size: 11px;
+}
+
+.channel-meta-details-grid code {
+  color: rgba(255, 214, 117, 0.92);
+  word-break: break-word;
 }
 
 .channel-profile-card {
@@ -5331,6 +5363,7 @@ textarea.input {
 }
 
 #about-channel-modal.modal,
+#edit-channel-modal.modal,
 #reply-modal.modal,
 #channel-message-modal.modal,
 #channel-edit-description-modal.modal,
@@ -5342,6 +5375,7 @@ textarea.input {
 }
 
 #about-channel-modal .modal-card,
+#edit-channel-modal .modal-card,
 #reply-modal .modal-card,
 #channel-message-modal .modal-card,
 #channel-edit-description-modal .modal-card,
@@ -5356,6 +5390,7 @@ textarea.input {
 }
 
 #about-channel-modal .modal-title,
+#edit-channel-modal .modal-title,
 #reply-modal .modal-title,
 #channel-message-modal .modal-title,
 #channel-edit-description-modal .modal-title,
@@ -5368,6 +5403,7 @@ textarea.input {
 }
 
 #about-channel-modal .input,
+#edit-channel-modal .input,
 #reply-modal .input,
 #channel-message-modal .input,
 #channel-edit-description-modal .input,
@@ -5390,6 +5426,7 @@ textarea.input {
 }
 
 #about-channel-modal .secondary-btn,
+#edit-channel-modal .secondary-btn,
 #reply-modal .secondary-btn,
 #channel-message-modal .secondary-btn,
 #channel-edit-description-modal .secondary-btn,
@@ -5403,6 +5440,7 @@ textarea.input {
 }
 
 #about-channel-modal .primary-btn,
+#edit-channel-modal .primary-btn,
 #reply-modal .primary-btn,
 #channel-message-modal .primary-btn,
 #channel-edit-description-modal .primary-btn,