}
}
+.margin-content {
+ // margin-content is required, but child views have their own margins
+ // that match views outside the scope of accounts, so we only align
+ // them with the margins of .sub-menu when required.
+ margin: 0;
+}
+
.right-buttons {
display: flex;
height: max-content;
padding: 5px;
margin-top: -2px;
}
+
+@media screen and (max-width: $mobile-view) {
+ .sub-menu {
+ .actor {
+ flex-direction: column;
+ align-items: center;
+
+ img,
+ .actor-info .actor-names .actor-display-name {
+ margin-right: 0;
+ }
+
+ .actor-info {
+ .actor-names {
+ flex-direction: column;
+ align-items: center;
+ }
+
+ my-user-moderation-dropdown {
+ margin-left: 0;
+ }
+
+ .actor-followers {
+ text-align: center;
+ }
+ }
+ }
+ }
+}