@dhiraj0720/report1chart 2.9.0 → 2.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dhiraj0720/report1chart",
-  "version": "2.9.0",
+  "version": "2.9.2",
   "main": "src/index.jsx",
   "scripts": {
     "test": "echo 'No tests'"

package/src/screens/Report1AScreen.jsx

@@ -28,6 +28,8 @@ const Report1AScreen = ({ endpoint, token, onBack }) => {
                 </TouchableOpacity>
                 <Text style={styles.headerTitle}>PERFORMANS RAPORU (USD)</Text>
               </View>
+              
+              
 
         {/* FULLSCREEN BUTTON */}
         <TouchableOpacity
@@ -65,7 +67,9 @@ const Report1AScreen = ({ endpoint, token, onBack }) => {
 
 // ONLY ADDED THIS STYLES PART — NOTHING ELSE CHANGED
 const styles = StyleSheet.create({
-  header: {
+
+
+   header: {
     flexDirection: 'row',
     alignItems: 'center',
     paddingHorizontal: 16,
@@ -73,7 +77,6 @@ const styles = StyleSheet.create({
     backgroundColor: '#4E79A7',
     borderBottomWidth: 1,
     borderColor: '#4E79A7',
-    marginBottom: 12,
   },
   backIcon: {
     fontSize: 32,

package/src/screens/Report3AScreen.jsx

@@ -106,22 +106,22 @@ const Report3AScreen = ({ api, token, onBack }) => {
 
       {/* FILTER WITH FUNNEL ICON */}
       <View style={styles.filterBar}>
-        <TouchableOpacity onPress={() => setMonthsModal(true)} style={styles.filterItem}>
-          <Svg width={22} height={22} viewBox="0 0 24 24" fill="none">
-            <Path d="M20 4H4V6.5L12 14.5L20 6.5V4Z" stroke="#000" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-            <Path d="M8 11V19L16 19V11" stroke="#000" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-          </Svg>
-          <Text style={styles.filterText}>
-            Months ({selectedMonths.length}/{months.length})
-          </Text>
-        </TouchableOpacity>
-
-          <TouchableOpacity
-                          onPress={() => setFullscreen(true)} style={styles.filterItem}
-                        >
-                          <Text style={styles.filterText}>⤢ Full Screen</Text>
-                        </TouchableOpacity>
-      </View>
+  {/* MONTHS FILTER - LEFT */}
+  <TouchableOpacity onPress={() => setMonthsModal(true)} style={styles.filterItemLeft}>
+    <Svg width={22} height={22} viewBox="0 0 24 24" fill="none">
+      <Path d="M20 4H4V6.5L12 14.5L20 6.5V4Z" stroke="#000" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+      <Path d="M8 11V19L16 19V11" stroke="#000" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    </Svg>
+    <Text style={styles.filterText}>
+      Months ({selectedMonths.length}/{months.length})
+    </Text>
+  </TouchableOpacity>
+
+  {/* FULL SCREEN - RIGHT */}
+  <TouchableOpacity onPress={() => setFullscreen(true)} style={styles.filterItemRight}>
+    <Text style={styles.fullScreenFilterText}>⤢ Full Screen</Text>
+  </TouchableOpacity>
+</View>
 
 
       <ScrollView style={styles.content}>
@@ -205,31 +205,38 @@ const styles = StyleSheet.create({
     borderBottomWidth: 1,
     borderColor: '#4E79A7',
   },
-  backIcon: { fontSize: 28, color: '#fff', fontWeight: '700' },
+  backIcon: { fontSize: 28, color: '#fff', fontWeight: '800' },
   headerTitle: { fontSize: 19, fontWeight: '700', color: '#fff', flex: 1, textAlign: 'center' },
 
   filterBar: {
     flexDirection: 'row',
-    justifyContent: 'flex-start',
+    justifyContent: 'space-between',  // Perfectly pushes left & right
+    alignItems: 'center',
     paddingHorizontal: 16,
     paddingVertical: 14,
     backgroundColor: '#fff',
     borderBottomWidth: 1,
     borderColor: '#eee',
   },
-  filterItem: { flexDirection: 'row', alignItems: 'center' },
-  filterText: { fontSize: 16, color: '#000', fontWeight: '600', marginLeft: 8 },
-
-  fullScreenBtn: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: 14,
-    backgroundColor: '#f0f0f0',
-    borderRadius: 8,
-    marginVertical: 12,
-  },
-  fullScreenText: { marginLeft: 10, fontSize: 16, color: '#000', fontWeight: '600' },
+  filterItemLeft: {
+  flexDirection: 'row',
+  alignItems: 'center',
+},
+filterItemRight: {
+  flexDirection: 'row',
+  alignItems: 'center',
+},
+  filterText: {
+  fontSize: 16,
+  color: '#000',
+  fontWeight: '600',
+  marginLeft: 8,
+},
+fullScreenFilterText: {
+  fontSize: 16,
+  color: '#000',
+  fontWeight: '700',
+},
 
   content: { flex: 1, padding: 12 },
   chartContainer: {