x x x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<style>
div.micropost-entry {
  padding: 20px 20px !important;
  width: calc(90% - 40px);
}
.micropost .userLogoLink {
  margin-left: 0px;
}
@media only screen and (max-width : 400px) {

	.microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner, .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner img, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner img {
		height: 34px;
		width: 34px;
	}
	/*
	div.micropost-entry {
		justify-content: center;
	}
	.microBlogWrapper .microBlogContainer.slim .micropost .micropost-left {
		height: 44px;
	}
	.aui-avatar.aui-avatar-large, .aui-avatar.aui-avatar-large .aui-avatar-inner {
		margin-top: 0px;
	}
	.microBlogWrapper .microBlogContainer.slim .micropost .micropost-left {
		margin-top: 5px;
	}
	.micropost .micropost-left {
		padding-right: 0px;
	}
	.micropost .userLogoLink {
		margin-left: 5px;
	}
	*/
	
	.micropost .micropost-right {
    	width: 80%;
		max-width: 80%;
	}
	.micropost .micropost-right .micropost-header {
		width: 100%;
	}
	.micropost-action-menu.show-permanent {
		margin-right: 0px;
	}
	div.micropost-entry {
		justify-content: flex-end;
	}

}
</style>