cleanup code, correct scoping for label block display

Author: possumbilities

src/index.html

@@ -168,7 +168,6 @@ <h1>Choose a License for Your Work</h1>
             <div>
                 <input type="radio" id="no-attribution" name="attribution" value="no" />
                 <label for="no-attribution">No</label>
-                <!-- <span role="tooltip">Anyone can use my work, even without giving me attribution.</span> -->
             </div>
 
         </fieldset>

src/style.css

@@ -164,19 +164,10 @@
 }
 
 .chooser-page form#chooser label {
-    /* display: block; */
     font-size: .7em;
     font-weight: 400;
 }
 
-.chooser-page form#chooser span[role=tooltip] {
-    display: block;
-    font-size: .7em;
-    font-weight: 400;
-    opacity: .3;
-
-}
-
 .chooser-page form#chooser #attribution-details span {
     display: inline-block;
     padding: .7em 0;
@@ -185,6 +176,10 @@
     line-height: 1.3;
 }
 
+.chooser-page form#chooser #attribution-details label {
+    display: block;
+}
+
 .chooser-page form#chooser #attribution-details div {
     margin-bottom: .5em;
 }