From de5c15bcde2868394f8a5168758f29145ba5527b Mon Sep 17 00:00:00 2001
From: bigeagle <justin.w.xd@gmail.com>
Date: Sun, 13 Nov 2016 19:32:58 +0800
Subject: [PATCH] style updates

---
 index.html            | 10 +++++-----
 static/css/style.scss |  8 ++++++++
 static/js/index.es6   |  7 ++++++-
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 5040f7b..473df30 100644
--- a/index.html
+++ b/index.html
@@ -46,10 +46,10 @@ permalink: /
 								<li><a href="https://mirrors4.tuna.tsinghua.edu.cn/">https://mirrors4.tuna.tsinghua.edu.cn/</a> 只解析 IPv4</li>
 							</ul>
 						</div>
-						<div>
+						<div id="download-link">
 							<h4><span class="fa fa-file-archive-o"></span> 下载链接 </h4>
 							<p>常用发行版 iso 和应用工具安装包直接下载</p>
-							<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#isoModal">
+							<button type="button" class="btn btn-info" data-toggle="modal" data-target="#isoModal">
 								获取下载链接
 							</button>
 						</div>
@@ -82,7 +82,7 @@ permalink: /
 		<!-- Modal -->
 		{% raw %}
 		<div class="modal fade" id="isoModal" tabindex="-1" role="dialog" aria-labelledby="isoModalLabel" aria-hidden="true">
-		  <div class="modal-dialog" role="document">
+		  <div class="modal-dialog modal-lg" role="document">
 		    <div class="modal-content">
 		      <div class="modal-header">
 		        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
@@ -98,14 +98,14 @@ permalink: /
 								<li role="presentation" :class="[curCategory === 'app' ? 'active' : '']" @click="switchCategory('app')"><a href="#">应用软件</a></li>
 							</ul>
 						</div>
-						<div class="col-md-4">
+						<div class="col-md-3">
 							<ul class="nav nav-pills nav-stacked">
 								<li v-for="distro in curDistroList" :class="[selected.distro == distro.distro ? 'active' : '']">
 									<a href="#" @click="switchDistro(distro)">{{ distro.distro }}</a>
 								</li>
 							</ul>
 						</div>
-						<div class="col-md-8">
+						<div class="col-md-9">
 							<h3>{{selected.distro}}</h3>
 							<ul>
 								<template v-for="url in selected.urls">
diff --git a/static/css/style.scss b/static/css/style.scss
index 217e255..1994599 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -95,6 +95,14 @@ $font_local: 'Heiti SC', 'Hiragino Sans GB', 'STHeiti', 'Source Han Sans CN', 'W
 			color: $color_secondary;
 		}
 	}
+	#download-link {
+		margin-bottom: 1em;
+	}
+}
+#isoModal {
+	.nav-tabs {
+		margin-bottom: .5em;
+	}
 }
 
 #status-page {
diff --git a/static/js/index.es6 b/static/js/index.es6
index eecffd6..9da5434 100644
--- a/static/js/index.es6
+++ b/static/js/index.es6
@@ -89,13 +89,18 @@ window.refreshMirrorList = () => {
 	setTimeout(refreshMirrorList, 10000);
 }
 
+
+if (window.location.hash === '#iso-download') {
+	setTimeout(() => {$('#isoModal').modal()}, 200);
+}
+
 refreshMirrorList();
 
 var vm = new Vue({
 	el: "#isoModal",
 	data: {
 		distroList: [],
-		selected: null,
+		selected: {},
 		curCategory: "os"
 	},
 	created: function () {