Improve key screen layout

Update screenshot

Sesame/HistoryListItem.swift

@@ -29,10 +29,10 @@ struct HistoryListItem: View {
             return startText
         }
         let diff = Int(rCounter) - Int(sentCounter)
-        guard diff != 1 else {
+        guard diff != 1 && diff != 0 else {
             return startText
         }
-        return startText + "→\(rCounter)"
+        return startText + " (\(diff))"
     }
 
     var timeOffsetText: String {

Sesame/KeyView.swift

@@ -9,20 +9,21 @@ struct KeyView: View {
     var isCompensatingDaylightTime: Bool
 
     var body: some View {
-        GeometryReader { geo in
+        ScrollView {
-            VStack(alignment: .leading, spacing: 16) {
+        VStack(alignment: .leading, spacing: 8) {
-                ForEach(KeyManagement.KeyType.allCases) { keyType in
+            ForEach(KeyManagement.KeyType.allCases) { keyType in
-                    SingleKeyView(
+                SingleKeyView(
-                        keyManager: $keyManager,
+                    keyManager: $keyManager,
-                        type: keyType)
+                    type: keyType)
-                }
+            }
-                Toggle(isOn: $isCompensatingDaylightTime) {
+            Toggle(isOn: $isCompensatingDaylightTime) {
-                    Text("Compensate daylight savings time")
+                Text("Compensate daylight savings time")
-                }
+            }
-                Text("If the remote has daylight savings time wrongly set, then the time validation will fail. Use this option to send messages with adjusted timestamps. Warning: Incorrect use of this option will allow replay attacks.")
+            Text("If the remote has daylight savings time wrongly set, then the time validation will fail. Use this option to send messages with adjusted timestamps. Warning: Incorrect use of this option will allow replay attacks.")
-                    .font(.caption)
+                .font(.caption)
-            }.padding()
+                .foregroundColor(.secondary)
-        }
+        }.padding()
+    }
     }
 }
 

Sesame/SingleKeyView.swift

@@ -45,13 +45,15 @@ struct SingleKeyView: View {
                     keyManager.generate(type)
                     needRefresh.toggle()
                 }
-                .padding()
+                .padding([.horizontal, .bottom])
+                .padding(.top, 4)
 
                 Button(type.usesHashing ? "Copy hash" : "Copy") {
                     UIPasteboard.general.string = copyText
                 }
                 .disabled(!hasKey)
-                .padding()
+                .padding([.horizontal, .bottom])
+                .padding(.top, 4)
                 Spacer()
             }
         }