https://fsfe.org/order/order.html uses custom style for the form #714

New Issue

reinhard · 2019-01-02T20:12:08Z

reinhard commented

2019-01-02 20:12:08 +00:00

The table with the entries for name, address etc at the bottom of the order page use the custom CSS class "order-form". This should be removed, and instead bootstrap's standard (responsive) form layout should be used.

max.mehl added the

design

label 2019-01-07 14:39:26 +00:00

max.mehl added this to the Hackathon1905 milestone 2019-05-22 15:10:36 +00:00

schiessle was assigned by ao

2019-05-25 11:52:24 +00:00

schiessle was unassigned by ao

2019-05-25 11:52:25 +00:00

ao self-assigned this 2019-05-25 11:52:27 +00:00

ao added the

help wanted

label 2019-05-25 12:10:10 +00:00

ao commented

2019-05-25 12:10:18 +00:00

Maybe this can help:

    <div class="form-group">
      <div class="col-sm-3">
        <label class="control-label" for="name">Name:</label>
      </div>
      <div class="col-sm-6">
        <input class="form-control" id="name" name="name" required type="text" value="">
        
      </div>
      
      <div class="col-sm-3 small">        
      </div>
      
    </div>

    <div class="form-group">
      <div class="col-sm-3">
        <label class="control-label" for="address">Complete address:</label>
      </div>
      <div class="col-sm-6">
        <input class="form-control" id="address" name="address" required type="text" value="">
        
      </div>
      
      <div class="col-sm-3 small">        
      </div>
      
    </div>

    
    <div class="form-group">
      <div class="col-sm-3">
        <label class="control-label" for="email1">Email:</label>
      </div>
      <div class="col-sm-6">
        <input class="form-control" id="email1" name="email1" required type="text" value="">
        
      </div>
      
      <div class="col-sm-3 small">        
      </div>
      
    </div>

    <div class="form-group">
      <div class="col-sm-3">
        <label class="control-label" for="phone">Phone:</label>
      </div>
      <div class="col-sm-6">
        <input class="form-control" id="phone" name="phone" required type="text" value="">
        
      </div>
      
      <div class="col-sm-3 small">        
      </div>
      
    </div>
    
    
    <div class="row">
      <div class="col-sm-offset-3 col-sm-6">
        <button type="submit" class="btn btn-primary">Order items</button>
      </div>
    </div>
  </form>

Maybe this can help: ``` <div class="form-group"> <div class="col-sm-3"> <label class="control-label" for="name">Name:</label> </div> <div class="col-sm-6"> <input class="form-control" id="name" name="name" required type="text" value=""> </div> <div class="col-sm-3 small"> </div> </div> <div class="form-group"> <div class="col-sm-3"> <label class="control-label" for="address">Complete address:</label> </div> <div class="col-sm-6"> <input class="form-control" id="address" name="address" required type="text" value=""> </div> <div class="col-sm-3 small"> </div> </div> <div class="form-group"> <div class="col-sm-3"> <label class="control-label" for="email1">Email:</label> </div> <div class="col-sm-6"> <input class="form-control" id="email1" name="email1" required type="text" value=""> </div> <div class="col-sm-3 small"> </div> </div> <div class="form-group"> <div class="col-sm-3"> <label class="control-label" for="phone">Phone:</label> </div> <div class="col-sm-6"> <input class="form-control" id="phone" name="phone" required type="text" value=""> </div> <div class="col-sm-3 small"> </div> </div> <div class="row"> <div class="col-sm-offset-3 col-sm-6"> <button type="submit" class="btn btn-primary">Order items</button> </div> </div> </form> ```

ao commented

2019-05-25 17:42:09 +00:00

After some small changes, pull request at
#947

After some small changes, pull request at https://git.fsfe.org/FSFE/fsfe-website/pulls/947

ao added

wait/inprogress

and removed

help wanted

labels 2019-05-25 17:42:42 +00:00

max.mehl commented

2019-05-27 14:44:43 +00:00

Closed with #957