make footer unordered list. add new icons.

public/sass/components/_footer.scss

 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">
+					<ul>
+						<li>
 							<a href="http://docs.grafana.org" target="_blank">
-						<i class="fa fa-question-circle"></i>
+								<i class="fa fa-file-code-o"></i>
 								Docs
 							</a>
-					<span class="muted">|</a>
+						</li>
+						<li>
 							<a href="https://grafana.net/support/plans" target="_blank">
-						<i class="fa fa-question-circle"></i>
+								<i class="fa fa-support"></i>
 								Support Plans
 							</a>
-					<span class="muted">|</a>
+						</li>
+						<li>
 							<a href="https://grafana.org/community" target="_blank">
-						<i class="fa fa-comments"></i>
+								<i class="fa fa-comments-o"></i>
 								Community
 							</a>
-					<span class="muted">|</a>
-					<a href="http://docs.grafana.org" target="_blank">
+						</li>
+						<li>	
 							<a href="http://grafana.org" target="_blank">Grafana</a>
 							<span class="muted">v[[.BuildVersion]] (commit: [[.BuildCommit]])</span>
-					<span class="muted">|</a>
+						</li>
+						<li>
 							[[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]]
+						</li>
+					</ul>
 				</div>
 			</footer>
 		</grafana-app>