Picarto Compact chat by strredwolf

/* ==UserStyle==
@name         Picarto Compact chat
@version      20240219.01.28
@namespace    https://userstyles.world/user/strredwolf
@description  Picarto's chat area leaves a ton of room that could be used for more chat text.  Cut the padding and fat away, and make it look tighter. (Note if Picarto updates it's UI, this will break)
@author       strredwolf
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://picarto.tv/"), url-prefix("https://www.picarto.tv/") {
/* text line height's too big, squish it down. */
div.ixcAAn, .jsPAcB {
	line-height: 1.2;
}

/* Chatlog overall needs slimming */
.eofonP {
	padding: 4px;
}

/* Under each message box */
.cpohjP,.jyxdcq {
	margin-bottom: 5px;
}
/* Right of each image can be trimmed. */
.jYInJO {
	margin-right: 4px;
}

/* Message box padding. */
.gSJzyo, .ZAErh {
	padding: 0px 4px 4px;
}

/* Shrink the "editable" box */
.krPmQi, .ftZTFz {
	height: 38px;
}

/* Gotta use double for this one */
.fMSKIn.fMSKIn {
	height: 38px;
}

/* Expand text bars, and move input over */
textarea.fMSKIn[style], textarea.esuIdd.esuIdd[style] {
	padding: 6px 24px 6px 6px !important;	
	height: 38px;
}

i.gLgasE {
	padding-right: 0px;
	margin-right: 0px;
}

/* Shrink top button bar */
.eDSWnd, .bDJDYQ {
	height: 44px;
}

/* chat buttom buttons */
.kCiofq, .iUdonv {
	margin: 8px 0px;
}



.ilkPTu, .jjmPmJ, .ffLnSW {
	word-break: normal;
}
}