Updated column header button responsiveness

2019-07-30 10:32:37 -04:00 · 2019-07-30 10:32:37 -04:00 · fb98dbdde4
commit fb98dbdde4
parent 73b0ec583f
1 changed files with 13 additions and 0 deletions
--- a/app/javascript/styles/gabsocial/components.scss
+++ b/app/javascript/styles/gabsocial/components.scss
@ -2488,6 +2488,19 @@ a.status-card.compact:hover {
 			border-radius: 10px;
 			background-color: rgba($highlight-text-color, .1);
 		}
+
+		@media screen and (max-width: $nav-breakpoint-2) {
+			padding: 8px;
+			font-size: 14px;
+
+			&.grouped {
+				margin: 6px 2px 6px 6px;
+			}
+
+			&.active {
+				border-radius: 5px;
+			}
+		}
 	}

 	& > .column-header__back-button {