Make selectable packages more intuitive

src/http.rs

@@ -22,7 +22,7 @@ pub fn download_text(url: &str) -> Result<String, String> {
     let mut client = build_client()?
         .get(url)
         .send()
-        .map_err(|x| format!("Failed to GET resource: {:?}", v))?;
+        .map_err(|x| format!("Failed to GET resource: {:?}", x))?;
 
     client
         .text()
@@ -37,7 +37,7 @@ where
     let mut client = build_client()?
         .get(url)
         .send()
-        .map_err(|x| format!("Failed to GET resource: {:?}", v))?;
+        .map_err(|x| format!("Failed to GET resource: {:?}", x))?;
 
     let size = match client.headers().get(CONTENT_LENGTH) {
         Some(ref v) => v

static/css/main.css

@@ -37,3 +37,11 @@ pre {
 .has-padding {
     padding: 2rem;
 }
+
+.clickable-box {
+    cursor: pointer;
+}
+
+.clickable-box label {
+    pointer-events: none;
+}

static/js/views.js

@@ -102,7 +102,7 @@ const SelectPackages = {
             <div class="tile is-ancestor">
                 <div class="tile is-parent" v-for="package in $root.$data.config.packages" :index="package.name">
                     <div class="tile is-child">
-                        <div class="box">
+                        <div class="box clickable-box" v-on:click.capture.stop="package.default = !package.default">
                             <label class="checkbox">
                                 <input type="checkbox" v-model="package.default" />
                                 {{ package.name }}