add 'change DM's group description' related CSS rules

css/style.css

@@ -1714,6 +1714,30 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
   border: 1px solid #ebebeb;
 }
 
+.profile-card[data-screen-name^=\*] .profile-bio {
+  text-align: center;
+  margin: 0;
+}
+.profile-card[data-screen-name^=\*] .profile-bio .group-description {
+  display: inline-block;
+  border: 1px solid rgba(0, 0, 0, 0);
+  background: none;
+  text-align: center;
+  width: 58%;
+  padding: 4px;
+  vertical-align: middle;
+}
+.profile-card[data-screen-name^=\*] .profile-bio .group-description:focus {
+  border: 1px solid rgba(0, 0, 0, .1);
+  background: white;
+}
+.profile-card[data-screen-name^=\*] .profile-bio .group-description:hover {
+  border: 1px solid rgba(0, 0, 0, .1);
+}
+.profile-card[data-screen-name^=\*] .profile-bio .save, .profile-card[data-screen-name^=\*] .profile-bio .cancel {
+  display: none;
+}
+
 .group-messages-control {
   text-align: left !important;
 }

sass/layout/_groupchat.sass

@@ -59,6 +59,30 @@
 			border: 1px solid darken( #F8F8F8 , 5%)
 
 
+// there is no special class for group DM profile modal window currently
+.profile-card[data-screen-name^=\*]
+	.profile-bio
+		text-align: center
+		margin: 0
+
+		.group-description
+			display: inline-block
+			border: 1px solid rgba(0, 0, 0, 0)
+			background: none
+			text-align: center
+			width: 58%
+			padding: 4px
+			vertical-align: middle
+
+			&:focus
+				border: 1px solid rgba(0, 0, 0, .1)
+				background: white
+
+			&:hover
+				border: 1px solid rgba(0, 0, 0, .1)
+
+			.save, .cancel
+				display: none
 
 
 // messages control
@@ -113,4 +137,4 @@
 		float: none 
 		display: inline-block
 		padding: 7px
-		@extend .color-1
+		@extend .color-1