Replaced image start buttons with pure HTML/CSS ones

Author: heyman

locust/static/img/start_button.png

@@ -182,9 +182,21 @@ a:hover {
  font-size: 24px;
  padding-left: 10px;
 }
-.start input.start_button, .edit input.start_button {
+.start button,
+.edit button {
  margin-top: 20px;
  float: right;
+ font-size: 16px;
+ font-weight: bold;
+ background: #8adaba;
+ padding: 14px 30px;
+ border-style: none;
+ border-radius: 5px;
+ cursor: pointer;
+}
+.start button:hover,
+.edit button:hover {
+ background: #74b99d;
 }
 
 

locust/static/style.css

@@ -55,7 +55,7 @@ <h2>Start new Locust swarm</h2>
  <input type="text" name="locust_count" id="locust_count" class="val" /><br>
  <label for="hatch_rate">Hatch rate <span style="color:#8a8a8a;">(users spawned/second)</span></label>
  <input type="text" name="hatch_rate" id="hatch_rate" class="val" /><br>
- <input type="image" src="/static/img/start_button.png" value="Start swarming" class="start_button">
+ <button type="submit">Start swarming</button>
  </form>
  <div style="clear:right;"></div>
  </div>
@@ -72,7 +72,7 @@ <h2>Change the locust count</h2>
  <input type="text" name="locust_count" id="new_locust_count" class="val" /><br>
  <label for="hatch_rate">Hatch rate <span style="color:#8a8a8a;">(users spawned/second)</span></label>
  <input type="text" name="hatch_rate" id="new_hatch_rate" class="val" /><br>
- <input type="image" src="/static/img/start_button.png" value="Start swarming" class="start_button">
+ <button type="submit">Start swarming</button>
  </form>
  <div style="clear:right;"></div>
  </div>