Browse Source

Place list of devices to share with in columns, in supported browsers

Jakob Borg 11 years ago
parent
commit
2de834f1f4
2 changed files with 17 additions and 9 deletions
  1. 17 9
      gui/index.html
  2. 0 0
      internal/auto/gui.files.go

+ 17 - 9
gui/index.html

@@ -477,15 +477,6 @@
                   </div>
                   <p translate class="help-block">File permission bits are ignored when looking for changes. Use on FAT filesystems.</p>
                 </div>
-                <div class="form-group">
-                  <label translate for="devices">Share With Devices</label>
-                  <div class="checkbox" ng-repeat="device in otherDevices()">
-                    <label>
-                      <input type="checkbox" ng-model="currentFolder.selectedDevices[device.DeviceID]"> {{deviceName(device)}}
-                    </label>
-                  </div>
-                  <p translate class="help-block">Select the devices to share this folder with.</p>
-                </div>
               </div>
               <div class="col-md-6">
                 <div class="form-group">
@@ -533,6 +524,23 @@
                 </div>
               </div>
             </div>
+
+            <div class="row">
+              <div class="col-md-12">
+                <div class="form-group">
+                  <label translate for="devices">Share With Devices</label>
+                  <p translate class="help-block">Select the devices to share this folder with.</p>
+                  <div style="-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; vertical-align: top;">
+                    <div class="checkbox" ng-repeat="device in otherDevices()">
+                      <label>
+                        <input type="checkbox" ng-model="currentFolder.selectedDevices[device.DeviceID]"> {{deviceName(device)}}
+                      </label>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
           </form>
           <div translate ng-show="!editingExisting">When adding a new folder, keep in mind that the Folder ID is used to tie folders together between devices. They are case sensitive and must match exactly between all devices.</div>
         </div>

File diff suppressed because it is too large
+ 0 - 0
internal/auto/gui.files.go


Some files were not shown because too many files changed in this diff