image_viewer_style.css

body {background-color: black; font-family:"Calibri", "Arial";}

#controls { 
	background: whitesmoke;  border-radius: 10px;  font-size: 120%;
	padding-top:4px;  padding-bottom:4px;  padding-left:12px;  padding-right:12px;
	margin-top:4px;   margin-bottom:6px;   margin-left:10px;   margin-right:10px;
	display:flex;  justify-content:center;  align-items:center;
} 

#graphics_area { display:grid; grid-template-columns: 240px auto 70px auto auto;  grid-gap:14px;}
#toolbox { text-align:center; border: 2px solid dimgray; }
.tool{ margin-top:22px; margin-bottom:22px;  background-color:cyan; padding:4px; border:dimgray; border-radius:8px;}
#canvas_wraper { overflow:scroll;    border: 2px solid whitesmoke; }

#item_info {   color:whitesmoke;  font-size:105%; }
.info_row{ display:flex; flex-direction:row;  margin-left:2px; }
.info1{ grid-column:1; }
.info2{ grid-column:2; margin-left:8px; width:240px;}

#message { color: darkorange; }