mastodon.social user styles for Fluid

mastondon.css

/**
Make toolbar go to the left below 650px
*/
@media screen and (max-width: 650px) {
	.ui {
		flex-direction: row!important;
	}

	.tabs-bar {
		flex-direction: column!important;
		margin: 0!important;
	}

	.tabs-bar__link {
	    max-height: 10px!important;
	}

	.tabs-bar__link span {
		display: none!important;
	}

	.tabs-bar__link .fa {
		font-size: 20px!important;
	}
	
	.tabs-bar__link.active {
    	border-bottom: none!important;
	}

	.columns-area {
		padding: 0!important;
	}
	
	.react-swipeable-view-container .columns-area {
    		height: 100%!important;
	}
	
	.status__display-name,
	.status__prepend .status__display-name strong {
		color: #c2c2c2!important;
	}
}

/**
Make columns fill the screen at large sizes
*/

@media (min-width: 1000px)
  {
    .columns-area>div {
            width: 25%;
    max-width: 25%;
  }

  .columns-area>div>.column,
        .columns-area>div>.mastodon-column-container>.column
  {
    width: 100%;
  }
}

/**
Hide the elephant
*/
.drawer__inner__mastodon { display: none; }