title: SwiftUI - How to remove huge space on left of List while editing
body: <p>To enable rearranging items in my <code>List</code>, I added an <code>EditButton()</code> and attached the <code>onMove</code> modifier. Here's my code:</p>
  <pre><code>struct ContentView: View {
      @State var names = [&quot;Adam&quot;, &quot;Bob&quot;, &quot;Cole&quot;, &quot;Dad&quot;, &quot;Ella&quot;]
      
      var body: some View {
          NavigationView {
              List {
                  ForEach(names, id: \.self) { name in
                      Text(name)
                  }
                  .onMove { names.move(fromOffsets: $0, toOffset: $1) }
              }
              .toolbar { EditButton() }
          }
      }
  }
  </code></pre>
  <p>Once I press the &quot;Edit&quot; button, I can reorder the items. However, a huge space appears on the left side of each row.</p>
  <div class="s-table-container">
  <table class="s-table">
  <thead>
  <tr>
  <th>Not editing</th>
  <th>Edit button pressed</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td><a href="https://i.stack.imgur.com/JLIfY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JLIfY.png" alt="Names stacked vertically, Edit button inside navigation bar" /></a></td>
  <td><a href="https://i.stack.imgur.com/7OeNW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7OeNW.png" alt="Names stacked vertically with huge space on left, Done button inside navigation bar" /></a></td>
  </tr>
  </tbody>
  </table>
  </div>
  <p>How do I get rid this space?</p>
  <p><sup>I suspect that it's placeholder space for a delete button, but I don't need a delete button.</sup></p>