@import "../../_base.scss"

.input-area {
	height: 100%;
	width: 100%;

	margin-bottom: 2%;
	
	.buttons {
		$padding-top-bottom: 0.5%;
		
		height: calc(10% - ($padding-top-bottom * 2));
		padding-left: 2%;
		padding-top: $padding-top-bottom;
		padding-bottom: $padding-top-bottom;

		display: flex;
		flex-direction: row;
		align-items: center;
		
		border: $border-style;
		background: linear-gradient(180deg, #F5FDFF, #E3ECF0, #F5FDFF);

		button {
			@extend .aeroButton;
			height: $icon-size;
			
			padding: 0;
			margin: 0;
			margin-right: 2%;
			
			font-size: larger;
		}
	}

	.edit {
		height: 80%;
		// Remove border from width
		width: calc(100% - 2px);

		padding: 0;
		margin: 0;
	}

	.cmd-buttons {
		height: 7%;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}

	.send-button {
		width: 15%;
	}
}