fix alignment issues

Author: suhailsaqan

damus/Views/Camera/CameraView.swift

@@ -40,7 +40,7 @@ struct CameraView: View {
         } label: {
             ZStack {
                 Circle()
-                    .fill( model.isRecording ? .red : DamusColors.white)
+                    .fill( model.isRecording ? .red : DamusColors.black)
                     .frame(width: model.isRecording ? 85 : 65, height: model.isRecording ? 85 : 65, alignment: .center)
 
                 Circle()
@@ -70,7 +70,6 @@ struct CameraView: View {
                     .aspectRatio(contentMode: .fill)
                     .frame(width: 60, height: 60)
                     .clipShape(RoundedRectangle(cornerRadius: 10, style: .continuous))
-//                    .animation(.spring())
             }
             if model.isPhotoProcessing {
                 ProgressView()
@@ -123,7 +122,7 @@ struct CameraView: View {
         NavigationView {
             GeometryReader { reader in
                 ZStack {
-                    Color.black.edgesIgnoringSafeArea(.all)
+                    DamusColors.black.edgesIgnoringSafeArea(.all)
 
                     CameraPreview(session: model.session)
                         .padding(.bottom, 175)
@@ -173,36 +172,33 @@ struct CameraView: View {
 
                         Spacer()
 
-                        VStack {
+                        HStack(alignment: .center) {
+                            if !model.mediaItems.isEmpty {
+                                NavigationLink(destination: Text(model.mediaItems.map { $0.url.absoluteString }.joined(separator: ", "))) {
+                                    capturedPhotoThumbnail
+                                }
+                                .frame(width: 100, alignment: .leading)
+                            }
+                            
                             Spacer()
 
-                            HStack {
-                                if !model.mediaItems.isEmpty {
-                                    NavigationLink(destination: Text(model.mediaItems.map { $0.url.absoluteString }.joined(separator: ", "))) {
-                                        capturedPhotoThumbnail
-                                    }
-                                }
-                                
-                                Spacer()
-                                
-                                captureButton
-                                
-                                Spacer()
-                                
-                                if !model.mediaItems.isEmpty {
-                                    Button(action: {
-                                        action(model.mediaItems)
-                                        presentationMode.wrappedValue.dismiss()
-                                        model.stop()
-                                    }) {
-                                        Text("Upload")
-                                            .frame(width: 100, height: 50, alignment: .center)
-                                            .foregroundColor(DamusColors.white)
-                                            .overlay {
-                                                RoundedRectangle(cornerRadius: 24)
-                                                    .stroke(DamusColors.white, lineWidth: 2)
-                                            }
-                                    }
+                            captureButton
+                            
+                            Spacer()
+                            
+                            if !model.mediaItems.isEmpty {
+                                Button(action: {
+                                    action(model.mediaItems)
+                                    presentationMode.wrappedValue.dismiss()
+                                    model.stop()
+                                }) {
+                                    Text("Upload")
+                                        .frame(width: 100, height: 40, alignment: .center)
+                                        .foregroundColor(DamusColors.white)
+                                        .overlay {
+                                            RoundedRectangle(cornerRadius: 24)
+                                                .stroke(DamusColors.white, lineWidth: 2)
+                                        }
                                 }
                             }
                         }