make footer unordered list. add new icons.

public/sass/components/_footer.scss

@@ -1,8 +1,26 @@
 footer {
 		font-size: 75%;
+		width: 98%;  /* was causing horiz scrollbars - need to examine */
 	a {
 		color: $gray-1;
 	}
+	ul {
+		list-style: none;
+	}
+	li { display: inline-block; 
+		padding-right: 2px;
+		 &:after {
+		 	content: ' | ';
+		 	padding-left: 2px;
+		 	color: $gray-1;
+		 }
+	}
+	li:last-child {
+		&:after {
+			padding-left: 0;
+			content: '';
+		}
+	}
 }
 
 .grafana-version-info {

public/views/index.html

@@ -39,34 +39,39 @@
 			</div>
 
 			<div ng-view class="main-view"></div>
-
 			<footer class="footer">
 				<div class="row text-center">
-					<a href="http://docs.grafana.org" target="_blank">
-						<i class="fa fa-question-circle"></i>
-						Docs
-					</a>
-					<span class="muted">|</a>
-					<a href="https://grafana.net/support/plans" target="_blank">
-						<i class="fa fa-question-circle"></i>
-						Support Plans
-					</a>
-					<span class="muted">|</a>
-					<a href="https://grafana.org/community" target="_blank">
-						<i class="fa fa-comments"></i>
-						Community
-					</a>
-					<span class="muted">|</a>
-					<a href="http://docs.grafana.org" target="_blank">
-					<a href="http://grafana.org" target="_blank">Grafana</a>
-					<span class="muted">v[[.BuildVersion]] (commit: [[.BuildCommit]])</span>
-					<span class="muted">|</a>
-					[[if .NewGrafanaVersionExists]]
-						<a href="http://grafana.org/download" target="_blank" bs-tooltip="'[[.NewGrafanaVersion]]'">
-							<i class="fa fa-question-circle-o"></i>
-							New version available!
-						</a>
-					[[end]]
+					<ul>
+						<li>
+							<a href="http://docs.grafana.org" target="_blank">
+								<i class="fa fa-file-code-o"></i>
+								Docs
+							</a>
+						</li>
+						<li>
+							<a href="https://grafana.net/support/plans" target="_blank">
+								<i class="fa fa-support"></i>
+								Support Plans
+							</a>
+						</li>
+						<li>
+							<a href="https://grafana.org/community" target="_blank">
+								<i class="fa fa-comments-o"></i>
+								Community
+							</a>
+						</li>
+						<li>	
+							<a href="http://grafana.org" target="_blank">Grafana</a>
+							<span class="muted">v[[.BuildVersion]] (commit: [[.BuildCommit]])</span>
+						</li>
+						<li>
+							[[if .NewGrafanaVersionExists]]
+								<a href="http://grafana.org/download" target="_blank" bs-tooltip="'[[.NewGrafanaVersion]]'">
+									New version available!
+								</a>
+							[[end]]
+						</li>
+					</ul>
 				</div>
 			</footer>
 		</grafana-app>