Picarto Make More Room For Video by strredwolf

/* ==UserStyle==
@name         Picarto Make More Room For Video
@version      20241020.22.59
@namespace    https://userstyles.world/user/strredwolf
@description  This style will tweak the UI of Picarto, slimming down the padding, to make it more compact and show more of that glorious video stream you're trying to watch.  This helps with smaller screens or streamers who go full HD.
@author       strredwolf
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://picarto.tv/"), url-prefix("https://www.picarto.tv/") {
/* Header Bar */
header.cGxleK {
	height: 28px;
	padding: 0px;
}

span.gqsnMc {
	height: 28px;
}

input.ant-input {
	padding: 3px;
}

button.gKjcMv {
	padding: 6px;
}

img.gckFWQ {
	height: 28px;
	width: 28px;
	min-width: 28px;
}

span.NtofG {
	border: 0px;
}

i.jVKnqO {
	bottom: 0px;
}

/* Main body */
main.dztDJJ, main.gUjaak {
	padding: 32px 0px 0px 0px;
}

div.ebTbiN {
	height: calc((var(--vh,1vh)*100) - 32px);
}



/* Streamer ID row */
div.fqVDWb, div.hOhYzt, div.egBdUF, div.fhVXUU, div.rUiVW, div.byhgbU, div.dwtBrq, div.dVIxuz,
div.ecwVxg , div.iunMXb, div.jelYua, div.bNItlX {
	padding-top: 0px;
	padding-bottom: 0px;
	height: 44px;
}

div.kkyoeB {
	padding-top: 2px;
	padding-bottom: 2px;	
}

div.dbXdlh {
	margin-bottom: 2px;
	padding-top: 0px;
	padding-bottom: 2px;
	
}

div.dCOawm {
	margin-bottom: 4px;
}

/* Main video area. */
.gEFgzu.gEFgzu .video-container-wrapper,
.gkFxFo.gkFxFo .video-container-wrapper
{
	height: calc((var(--vh,1vh) * 100) - 120px);
}

div.kHWxIP {
	height: calc((var(--vh,1vh) * 100) - 21px );
}

span.ant-avatar[style] {
	box-shadow: none !important;
}

.jMNoyW {
	padding-top: 4px;
	padding-bottom: 0px;
	height: 48px;
}

.bZBsoj {
	border: none;
}

.dnjeOy {
	padding: 0px 15px;
	height: 44px;
}

.bkUmvN {
	height: 29px;
}

.bkUmvN input {
	padding: 1px 10px;
}

.hRCIDk {
	padding: 4px 16px 60px;
}


/* Title area */
.ggxgcJ {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 4px;
	
}

/* Description area needs tightening up */
.hAfdZH {
	margin-top: 0px;
}
}