* {
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

#side-panel {
	border-style: solid;
	width: 350px;
	float: left;
	overflow-y: scroll;
    background-image: url("concrete_seamless.png");
}

#side-panel img {
	width: 100px;
	margin: 10px;
}

i {
    font-family: inherit;
}

h1, h2 {
	font-family: 'MedievalSharp', cursive;
}

.vertex circle {
    cx: 0;
	cy: 0;
	r: 4;
}

.vertex * {
	cursor: pointer;
}

.vertex.tac text {
	text-anchor: end;
}

.vertex.asoiaf text {
	text-anchor: start;
}

.vertex.selected text {
	font-weight: bold;
}

line.edge {
	stroke: black;
	opacity: .25;
	stroke-width: 2px;
	pointer-events: none;
}

line.edge.active {
	opacity: 1;
	pointer-events: auto;
}

line.edge.active.selected {
	stroke-width: 4px;
}

* {
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

#side-panel {
	border-style: solid;
	width: 350px;
	float: left;
	overflow-y: scroll;
    background-image: url("concrete_seamless.png");
}

#side-panel img {
	width: 100px;
	padding-left: 10px;
	padding-right: 10px;
}

i {
    font-family: inherit;
}

h1, h2 {
	font-family: 'MedievalSharp', cursive;
}

.vertex circle {
    cx: 0;
	cy: 0;
	r: 4;
}

.vertex * {
	cursor: pointer;
}

.vertex.tac text {
	text-anchor: end;
}

.vertex.asoiaf text {
	text-anchor: start;
}

.vertex.selected text {
	font-weight: bold;
}

line.edge {
	stroke: black;
	opacity: .25;
	stroke-width: 2px;
	pointer-events: none;
}

line.edge.active {
	opacity: 1;
	pointer-events: auto;
}

line.edge.active.selected {
	stroke-width: 4px;
}

Adjust margins in side panel
Adjust margins in side panel
